常用Tables控件介绍

Posted 2020-11-24 haokan

向datagrid中添加临时记录：

 

 代码：

 1 $(function(){    
 2     fun={
 3         add:function(){
 4             $.ajaxSettings.async=false;
 5             var rows=$(‘#dg‘).datagrid(‘getRows‘);                    
 6             var len=rows.length+1;                        //获取当前页面所有的记录数
 7             var row=[];
 8             row[‘num‘]=len;
 9             $(‘#dg‘).datagrid(‘insertRow‘,{                //添加记录到当前datagrid中
10                 row:{
11                     id:len,
12                     num:len
13                 }
14             });            
15         }
16     }
17 
18     $(‘#dg‘).datagrid({
19         url:"",
20         title:"数字列表",
21         singleSelect:true,
22         fitColumns:true,
23         columns:[[
24             {field:"id",title:‘ID号‘,width:100,align:"center"},
25             {field:"num",title:‘数字‘,width:100,align:"center"}
26         ]],
27         width:300
28     })
29 })

 

$(function(){   

    fun={

        add:function(){

            $.ajaxSettings.async=false;

            var rows=$(‘#dg‘).datagrid(‘getRows‘);                  

            var len=rows.length+1;                      //获取当前页面所有的记录数

            var row=[];

            row[‘num‘]=len;

            $(‘#dg‘).datagrid(‘insertRow‘,{             //添加记录到当前datagrid中

                row:{

                    id:len,

                    num:len

                }

            });         

        }

    }

    $(‘#dg‘).datagrid({

        url:"",

        title:"数字列表",

        singleSelect:true,

        fitColumns:true,

        columns:[[

            {field:"id",title:‘ID号‘,width:100,align:"center"},

            {field:"num",title:‘数字‘,width:100,align:"center"}

        ]],

        width:300

    })

})