के साथ jqGrid को सॉर्ट करना मैं एक jQuery नोब हूं, इसलिए मुझे यकीन है कि मुझे यहां कुछ आसान याद आ रहा है।एएसपी.नेट एमवीसी क्लाइंट व्यू में jQuery और LINQ-to-Entities
मुझे jqGrid एक ऐसी क्रिया के साथ काम कर रहा है जो LINQ-to-Entities ऑपरेशन से JSON डेटा बनाता है। लेकिन जब मैं ब्राउज़र में कॉलम हेडर पर क्लिक करता हूं, तो पंक्तियां क्रमबद्ध नहीं होती हैं। आरोही/अवरोही सूचक दिखाई देता है, लेकिन कुछ और नहीं होता है।
आवश्यक जावास्क्रिप्ट और सीएसएस लिंक मास्टर पृष्ठ शीर्षक में कर रहे हैं:
<script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- CSS and JavaScript files for jqGrid to display on Details pages --> <link rel="stylesheet" type="text/css" href="/scripts/jQuery/jqGrid-3.4.4/themes/green/grid.css" title="green" media="screen" /> <script src="/Scripts/jQuery/jqGrid-3.4.4/jquery.jqGrid.js" type="text/javascript"></script> <script src="/Scripts/jQuery/jqGrid-3.4.4/js/jqModal.js" type="text/javascript"></script> <script src="/Scripts/jQuery/jqGrid-3.4.4/js/jqDnR.js" type="text/javascript"></script>
यहाँ मेरी प्रवर्तन कोड है:
// jqGrid setup. $("#gridlist").jqGrid({ url: '/Contact/GridData', datatype: 'json', mtype: 'GET', colNames: ['ID', 'First Name', 'Last Name', 'Organization'], colModel: [ { name: 'id', index: 'id', width: 40, align: 'left', resizable: true }, { name: 'first_name', index: 'first_name', width: 200, align: 'left', resizable: true, sortable: true, sorttype: "text" }, { name: 'last_name', index: 'last_name', width: 200, align: 'left', resizable: true, sortable: true, sorttype: "text" }, { name: 'organization', index: 'organization', width: 300, align: 'left', resizable: true, sortable: true, sorttype: "text"}], pager: jQuery('#pager'), rowNum: 5, rowList: [5, 10, 20, 50], repeatitems: false, viewrecords: true, imgpath: '/scripts/jQuery/jqGrid-3.4.4/themes/green/images', caption: 'Contacts' });
और यहाँ एचटीएमएल है:
<h3>My Grid Data</h3> <table id="gridlist" class="scroll" cellpadding="0" cellspacing="0"> </table> <div id="pager" class="scroll" style="text-align:center;"> </div>
और, सिर्फ पूर्णता के लिए, क्रिया विधि:
public ActionResult GridData() { var page = new { page = 1 }; IEnumerable contacts = _db.ContactSet; int i = 0; var rows = new object[contacts.Count()]; foreach (Contact contact in contacts) { rows[i] = new { id = contact.ID, cell = new[] { contact.ID.ToString(), contact.First_Name, contact.Last_Name, contact.Organization } }; i++; } var result = new JsonResult(); result.Data = new { page = 1, records = 2, rows, total = 1 }; return result; }
कोई विचार क्या स्पष्ट सेटिंग मैं यहां याद कर रहा हूं?
क्या आप अपने सभी उत्तरों की सफाई करने और केवल नवीनतम जानकारी प्रदान करने पर विचार करेंगे? यह परिणाम है कि प्रक्रिया महत्वपूर्ण नहीं है। – Basic