首页 > 代码库 > easyui datagrid 点击表头的事件

easyui datagrid 点击表头的事件

在用datagrid的时候我们可能要用到点击表头来触发一个function,这里有个简单的例子。

首先你得有个能用的datagrid。

<div>
    <table id="toolbar"></table>
</div>

然后是js里的东西。

function toolbar(){
    alert("dd");
    $("#toolbar").datagrid({
        striped: true,
        url:"toolbar",
        columns:[[
           {field:"name",title:click()},
           {field:"sex", title:"性别"},
           {field:"age", title:"年龄"},
           ]],
           toolbar:[{  
           text:‘增加‘,iconCls:‘icon-add‘,handler:function(){  
           alert(document.getElementById("text").value);}  
           },  
           {text:‘导入‘,iconCls:‘icon-add‘,handler:function(){  
               window.location.href=http://www.mamicode.com/‘StuImport.aspx‘;
               }  
           },  
           {text:‘<input id=\"text\" type=\"text\">‘,handler:function(){
               return "<input type=\"text\">";
           }}  
           ],
            });
}

function click(){
    alert("name");
    return "<p id=‘na‘ onclick=‘naclick("+1+")‘>name</p>";
}

这里利用的是datagrid的title可以用一个function生成。

我们可以自由 的在返回值里定义我们想要的东西,用起来相当方便。

如果不想用函数生成的话直接在column里写<p id=‘na‘ onclick=‘naclick()‘>name</p>也一样可以生成.这个可能是easyui吧传过去的值先进性了处理之后又显示出来的

所以我们看到的不是整个的字符串,而是经过html处理过的东西。

easyui datagrid 点击表头的事件