jquery 实现表格

最新推荐文章于 2022-10-11 18:14:17 发布

原创最新推荐文章于 2022-10-11 18:14:17 发布 · 666 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jsp 专栏收录该内容

37 篇文章

订阅专栏

//数据列表
  $('#datalist').datagrid({
      fitColumns: true, // 充满表格
   singleSelect: true,
   height:centerheight,
   iconCls:'icon-save',
   nowrap: false,
   striped: true,
   collapsible:true,
    url:'${ctx}/'+action+'!list.action?cmobile=' + cmobile,
   sortName: 'id',   //排序字段
   sortOrder: 'desc',
   remoteSort: false,
   idField:idField,
   onSelect:function(){
    if(rows == null ){                        // 点击获取再点击取消选择
     rows = $('#datalist').datagrid('getSelections');
     tags = rows[0]['comobile'];

        if (rows && rows.length == 1){
            $("#calledNum").val(rows[0]['comobile']);
            $("#callName").val(rows[0]['coname']);
     }else{
      $.messager.alert('提示','<br>请选择一条记录','warning');
     }
    } else{
     rows = $('#datalist').datagrid('getSelections');
     var tags2 = rows[0]['cmobile'];

     if(tags2 == tags){
      $('#datalist').datagrid('clearSelections');
      $("#cNum").val('');
      $("#cName").val('');
         rows = null;
     }else{
      $('#datalist').datagrid('getSelections');
      $("#cNum").val(rows[0]['cmobile']);
      $("#cName").val(rows[0]['came']);
      rows = null;
     }
    }
         },
   frozenColumns:[[
    {field:'ck',checkbox:true}
   ]],
   columns:[[
       {field:'cname',title:'**,width:200,align:'center',sortable:true},
    {field:'cmobile',title:'**,,width:200,align:'center',sortable:true},
    {field:'id',title:'**,,width:200,align:'center',sortable:true}
   ]],
   pagination:true,
   pageSize:20,
   pageList:[20,30,50],
   rownumbers:true
   });