`

easyui 在 formatter 中使用 linkbutton

 
阅读更多
由于 easyui 只在页面装载时渲染标签,因此在使用formatter格式化列数据后,动态添加的linkbutton样式无法使用。如像下面返回时,也是普通的超连接:

//执行外呼
function execformatter(value,data,index) {
return "<a class='easyui-linkbutton' data-options=\"iconCls:'icon-add'\" href='javascript:void(0);'>外呼</a>";

}

要使用其生效,可以配合 datagrid 中的, onLoadSuccess 的特性。

1. 在上面的return 是,将返回的 class="easyui-linkbutton" 修改成其他的任意的自定义名称,如 class='custom-easyui-linkbutton';

2. 在 datagrid 的 onLoadSuccess 中,添加以下的代码:

onLoadSuccess:function(data) {  
$(".cus-easyui-linkbutton").linkbutton({text:'外呼',plain:true,iconCls:'icon-dial'});;
}
分享到:
评论

相关推荐

    兼容ie8、谷歌的日期、日期时间格式转换,支持easyUI直接formatter:用

    关键函数:toDateTime,easyUI直接用: { field: 'dDate', title: '日期', formatter: showFormatDate }

    EasyUI在Panel上动态添加LinkButton按钮

    在最近做的一个将原来的旧系统翻新改造的项目中,为了在个别展示位置与原系统一直,研究了一下Easyui的panel面板,在panel的面板中动态添加Linkbuton按钮的编辑方法,在这里做个记录免得自己以后忘了,也为有需求的...

    jquery EasyUI的formatter格式化函数代码

    要格式化数据表格列,需要设置formatter属性,该属性是一个函数,它包含两个参数: value: 对应字段的当前列的值 record: 当前行的记录数据 代码如下: $(‘#tt’).datagrid({ title:’Formatting Columns’, width:...

    EasyUI tutorial 中文版 chm

    使用easyUI在panel中创建复杂布局 使用easyUI创建折叠面板 使用easyUI创建Tabs标签 使用easyui创建tabs组件和动态添加 使用easyUI创建一个自动播放的tabs 使用easyUI创建XP风格左侧面板 DataGrid 使用...

    easyUi的使用

    easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用easyUi的使用

    EasyUi使用

    easyui的介绍详细操作,和各种使用场景,还有各种的特点

    easyui1.7中文api

    easyui1.7中文api

    easyui验证框使用方法

    自己总结的easyui验证框的一些使用方法

    easyui中文API

    easyui中文API

    juqery easyui 在asp.net 中应用实例

    juqery easyui 在asp.net 中应用实例

    EasyUI使用-中文手册

    EasyUI中文手册,方便大家学习!!!

    easyui使用技巧

    easyui常用技术,linkbutton、menubutton、datagrid、treegrid、combobox、updateRow、tree的汉化、构建tree...等的介绍详细代码。

    EasyUI Datagrid 中文排序的问题

    EasyUI Datagrid 中文排序的问题 解决了WEB端和后台(Oracle、MySQL)中文排序问题

    JQueryUI,EasyUI一些控件的使用

    JQueryUI,EasyUI一些控件的使用,表单,tab切换,样式切换等

    jQuery EasyUI 1.4 离线简体中文API文档

    linkbutton:添加“resize”方法 New Plugin(新组件) textbox:该组件是一个增强的输入字段 它可以让用户非常简单的构建一个表单; datetimespinner:该组件是一个日期和时间的微调组件 它允许我们选择一个特定...

    Jqueryeasyui使用说明

    资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...

    jQuery EasyUI 1.3.6 离线简体中文API文档

    本次还将EasyUI 1.3.6版直接提供到API包里面,方便没有去官网下载的人直接使用。请大家持续关注我发布的资源,不出意外,我是会一直持续更新本API文档的。本次更新内容大约有30个,Bug修复的只有2个,剩下的全是新增...

    EasyUI入门教程--第01课_EasyUI简介.avi

    第02课(介绍easyloader组件和easyui怎样使用) 第03课(parser组件panel组件) 第04课(通过用户登录来演示dialog、ajax的使用,serialize方法的使用,前后台怎样交互等) 第05课(讲解easyui的form控件、validatebox控件...

Global site tag (gtag.js) - Google Analytics