『jqwidgets控件之jqxGrid 一技术分享』

 如题，整理一些jqwidgets资料和大家分享一下，下面是控件jqxGrid 的一些常用问题：   

• Grid添加行数据无法分页
  

  var row = {};  
   row["test"] = "1"; $("#Grid").jqxGrid('addrow', null, row);

  我们工作中往往会在Grid中添加多条条数据，有时查看会发现分页出现不可用情况。

  解决方法：$('#Grid').jqxGrid({ virtualmode: false });(注意：绑定后台显示数据时virtualmode状态要改为true）
      
• 给某个字段加点击事件
   

  $("#Grid").on("cellclick", function (event) {
  
   if (args.datafield == '字段名') { //调用方法 } else { return false; } });

   

• 给字段中加载下拉框

     

{
        text: "测试", 
        align: 'center', 
        datafield: '数据库字段Code',
 displayfield: '数据库字段Name', 
 width: '150', 
 columntype: 'dropdownlist', 
 cellsalign: 'center', createeditor: function (row, column, editor) { var list = "下拉数据"; editor.jqxDropDownList( { source: list, searchMode: 'NAME', valueMember: 'CODE', dropDownHeight: 250 }); } }
// 注意：数据定义两个字段接收

 

 

希望大家给予意见，共同分享！