`

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'});;
}
分享到:
评论

相关推荐

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

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

    jquery_easyui_中文API.pdf

    在实际应用中,Accordion组件还可以进行更多的定制化操作,例如通过JavaScript动态地添加或删除面板、改变面板的标题等。 --- #### DateBox(日期框) DateBox 是一个用于选择日期的输入控件,它可以方便地让用户...

    easyui用户手册

    链接按钮是一个常见的UI元素,可以使用easyUI中的`linkbutton`组件来创建。 ```javascript $('#lb').linkbutton(); ``` ##### 菜单按钮 菜单按钮是一种特殊的按钮,点击后会展开一个菜单。使用`menubutton`组件可以...

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    最新jquery+easyui_api培训文档

    在HTML中创建Accordion的基本结构,使用CSS和JavaScript来初始化并控制Accordion的行为。 ```html ;charset=UTF-8"&gt; &lt;title&gt;jQuery EasyUI &lt;link rel="stylesheet" type="text/css" href="../themes/default/...

    EasyUI的DataGrid每行数据添加操作按钮的实现代码

    在使用EasyUI开发Web应用程序时,DataGrid是一个非常实用的组件,它可以帮助我们展示大量结构化的数据,并且提供了丰富的交互功能。在某些情况下,我们可能需要在DataGrid的每行数据后面添加操作按钮,以便用户可以...

    easyui培训文档

    **Accordion** 是 EasyUI 框架中的一个组件,用于实现网页上可折叠式的标签功能。它可以帮助开发者轻松地组织页面上的信息,使得页面更加整洁有序。 ##### 实例 下面提供了一个 Accordion 组件的基本示例: ```...

    jquery easyui中treegrid用法的简单实例

    在jQuery EasyUI框架中,TreeGrid是一个非常实用的组件,它结合了树形结构和表格的功能,能够方便地展示层次化的数据。在这个简单的实例中,我们将探讨如何在TreeGrid中添加复选框并实现与JavaScript操作的交互。 ...

    第32章 DataGrid(数据表格)组件[8]1

    此外,`editor`属性用于定义列的编辑器类型,如在示例中使用的`validatebox`,它可以创建一个验证输入框,确保用户输入的数据符合预设的规则,如必填项。 最后,`formatter`函数在示例中被用来将数据显示为方括号...

    第32章 DataGrid(数据表格)组件[3]1

    在本章节中,我们将深入探讨EasyUI中的DataGrid组件,这是一个强大的数据展示工具,它集成了Panel、Resizable、LinkButton、Pagination等多个组件的功能。DataGrid主要用于呈现结构化的数据,并提供了丰富的样式设置...

Global site tag (gtag.js) - Google Analytics