首页 > 代码库 > 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 点击表头的事件