easyui中datagrid内置工具栏

港控/mmm° 2022-05-17 07:28 280阅读 0赞

$("#dg").datagrid({    
    			    url:url,  
    			    //自动伸缩
    			    fitColumns:true,
    			    //工具栏 
    			    toolbar: [ {
    					id : "con",	
    					text : '<input type="text" id="content" placeholder="请输入关键字..."/>',
    				},
    				{
    					id : "search",	
    					text : '搜索',
    					iconCls : 'icon-search'					
    				},
    			    {
    					id : "add",	
    					text : '新增',
    					iconCls : 'icon-add'					
    				},
    				{
    					id : "modify",	
    					text : '编辑',
    					iconCls : 'icon-edit'					
    				},
    				{
    					id : "delete",	
    					text : '删除',
    					iconCls : 'icon-cut'					
    				},
    				{
    					id : "back",	
    					text : '返回',
    					iconCls : 'icon-undo'					
    				}],
    			    //隔行变色
    			    striped:true,
    			    fit:true,
    			    title:title,
    			    //标识字段名称(唯一标识)
    			    idField:"hyjy_table_id",
    			    //请求数据提示信息
    			    loadMsg:"正在拼命加载中.......",
    			    //分页工具栏
    			    pagination:true,
    			    //只能单条操作
    			    singleSelect:true,
    			    //点击行的时候不选择复选框
    			    checkOnSelect:false,
    			    //每页显示数量
    			    pageSize:20,
    			    pageList:[20,30,50,70,100],
    			    //冻结列,不随滚动条滑动的列
    			    frozenColumns:[[
    			    	 {field:'xyz'}
    			    ]],
    			    columns:[[    
    			    	{field:'choose',title:'选择',width: 100,checkbox:true},
    			        {field:'title',title:'标题',width:100},       
    			        {field:'date',title:'发布日期',width:100,
    			        	formatter: function(value,row,index){
    							var date = new Date(value);
    		       				return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
    						}
    			        }
    			    ]],
    			    loadFilter: function(data){
    					var da = eval("("+data+")");
    					return da;
    				},
    				onClickRow: function(row){
    					var row = $("#dg").datagrid('getSelected');
    					$.ajax({
    						url : "xxx",
    						type : "POST",
    						dataType : "text",
    						async:false, 
    						success : function(data){
    							
    						},
    						error : function(msg){
    							alert("error!");
    						}
    					});
    				},
    				onLoadSuccess: function () {   //隐藏表头的checkbox
                    	$("#dg").parent().find("div .datagrid-header-check").children("input[type=\"checkbox\"]").eq(0).attr("style", "display:none;");
                }   
    			});
    			
    			
    			//新增
    			$("#add").click(function(){
    				
    			});
    			
    			//搜索
    			$("#search").click(function(){
    			
    			});
    			
    			//删除
    			$("#delete").click(function(){
    			
    			});
    			
    			//编辑
    			$("#modify").click(function(){
    			
    			}
    			
    	});
    </script>