博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui datagrid 点击表头的事件
阅读量:7259 次
发布时间:2019-06-29

本文共 962 字,大约阅读时间需要 3 分钟。

在用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='StuImport.aspx';  
               }  
           },  
           {text:'<input id=\"text\" type=\"text\">',handler:function(){
               return "<input type=\"text\">";
           }}  
           ],
            });
}

function click(){

    alert("name");
    return "<p id='na' οnclick='naclick("+1+")'>name</p>";
}

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

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

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

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

转载于:https://www.cnblogs.com/monkeydai/p/4147690.html

你可能感兴趣的文章
Linux之 linux7防火墙基本使用及详解
查看>>
python 编码
查看>>
之前对 Alexa 的研究整理
查看>>
Objective-C Fast Enumeration
查看>>
Project Euler Problem 12: Highly divisible triangular number
查看>>
实验一
查看>>
Android能够获取到唯一的设备ID吗?
查看>>
高性能 Windows Socket 组件 HP-Socket v3.0.1 正式发布
查看>>
控件篇:CheckedListBox的全选与反选
查看>>
Lind.DDD.ILogicDeleteBehavor~逻辑删除的实现
查看>>
Lind.DDD.Domain.ISortBehavor~上移与下移
查看>>
MVVM架构~knockoutjs实现简单的购物车
查看>>
asp.net生成静态页
查看>>
分享一下cookies操作(增、删、改、查)小经验
查看>>
默认初始化&拷贝初始化&直接初始化&值初始化&列表初始化
查看>>
gulp使用方法总结
查看>>
1119 Pre- and Post-order Traversals
查看>>
OpenGL——gl10方法解析
查看>>
JAVA利用第三方平台发送短信验证码。
查看>>
每日踩坑 2019-04-08 VS2015未能找到路径“…\bin\roslyn\csc.exe”的解决方案
查看>>