常用Tables控件介绍(三)

向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
    })
})

猜你喜欢

转载自www.cnblogs.com/haokan/p/12002976.html