由于 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'});;
}
分享到:
相关推荐
本次还将EasyUI 1.3.6版直接提供到API包里面,方便没有去官网下载的人直接使用。请大家持续关注我发布的资源,不出意外,我是会一直持续更新本API文档的。本次更新内容大约有30个,Bug修复的只有2个,剩下的全是新增...
在实际应用中,Accordion组件还可以进行更多的定制化操作,例如通过JavaScript动态地添加或删除面板、改变面板的标题等。 --- #### DateBox(日期框) DateBox 是一个用于选择日期的输入控件,它可以方便地让用户...
链接按钮是一个常见的UI元素,可以使用easyUI中的`linkbutton`组件来创建。 ```javascript $('#lb').linkbutton(); ``` ##### 菜单按钮 菜单按钮是一种特殊的按钮,点击后会展开一个菜单。使用`menubutton`组件可以...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
在HTML中创建Accordion的基本结构,使用CSS和JavaScript来初始化并控制Accordion的行为。 ```html ;charset=UTF-8"> <title>jQuery EasyUI <link rel="stylesheet" type="text/css" href="../themes/default/...
在使用EasyUI开发Web应用程序时,DataGrid是一个非常实用的组件,它可以帮助我们展示大量结构化的数据,并且提供了丰富的交互功能。在某些情况下,我们可能需要在DataGrid的每行数据后面添加操作按钮,以便用户可以...
**Accordion** 是 EasyUI 框架中的一个组件,用于实现网页上可折叠式的标签功能。它可以帮助开发者轻松地组织页面上的信息,使得页面更加整洁有序。 ##### 实例 下面提供了一个 Accordion 组件的基本示例: ```...
在jQuery EasyUI框架中,TreeGrid是一个非常实用的组件,它结合了树形结构和表格的功能,能够方便地展示层次化的数据。在这个简单的实例中,我们将探讨如何在TreeGrid中添加复选框并实现与JavaScript操作的交互。 ...
此外,`editor`属性用于定义列的编辑器类型,如在示例中使用的`validatebox`,它可以创建一个验证输入框,确保用户输入的数据符合预设的规则,如必填项。 最后,`formatter`函数在示例中被用来将数据显示为方括号...
在本章节中,我们将深入探讨EasyUI中的DataGrid组件,这是一个强大的数据展示工具,它集成了Panel、Resizable、LinkButton、Pagination等多个组件的功能。DataGrid主要用于呈现结构化的数据,并提供了丰富的样式设置...