『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
                   });
            }
 }
// 注意：数据定义两个字段接收

 

 

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