关于如何在使用easyui的时候添加一个操作列的问题

首先分为不同的情况:在这里只介绍使用的是datagrid数据网格的列属性来添加操作列的方法:

就是跟普通的列属性的使用时一样的,当我们要想在每一行都增加一个操作列的时候就需要增加一个列属性:代码如下:

{field:‘operate‘,title:‘操作‘,align:‘center‘,width:$(this).width()*0.1,
                formatter:function(value, row, index){
                    var str = ‘<a href="#" name="opera" class="easyui-linkbutton" ></a>‘;
                    return str;
                }
            },

这里只是给每一行都增加了一个操作列,但是并没有按钮的修饰;按钮修饰代码如下:

onLoadSuccess:function(data){  
            $("a[name=‘opera‘]").linkbutton({text:‘家庭成员‘,plain:true,iconCls:‘icon-add‘});  
        },

而且这行代码一定要添加在列属性的后面,否则没有效果

效果图如下:

原文地址:https://www.cnblogs.com/liyunfeng-deng/p/10211202.html

时间: 2024-11-05 12:30:15

关于如何在使用easyui的时候添加一个操作列的问题的相关文章

DataGrid添加ComboBox模板列

首先在添加一个模板列 <DataGrid.Columns> <DataGridTemplateColumn Header="ComboBox模板列" > <DataGridTemplateColumn.CellTemplate> <DataTemplate> <ComboBox ItemsSource="{Binding Source={StaticResource ResourceKey=SelectedTypeReso

为jEasyUi的日期控件添加一个“清空”按钮----通过修改1.4的easyui.min.js

为 jQuery EasyUI 1.4 的datebox或datetimebox添加一个清空按钮 使用场景:为用户指定了日期的格式,且日期可以为空 修改语言包easyui-lang-zh_CN.js 在if ($.fn.datebox){ 的下一行添加 (41或42行) $.fn.datebox.defaults.cleanText = '清空'; 在if ($.fn.datetimebox && $.fn.datebox){  $.extend($.fn.datetimebox.defa

为easyUI的dataGrid添加自己的查询框

dataGrid作为easyUI的一个核心组件,其功能上是很强大的. 但是外观上似乎就有点差强人意了,首先说一下我对dataGrid外观的2点感受 1.图标不好看,且尺寸很小(16x16)-- 关于这个,可以点这里看另一篇blog解决 2.高度问题,如果分页只有8-10条的话,且toolbar只放16x16的图标,那么整个高度只有差不多300px最多 这次的改写主要也就是解决这么两个问题 下面主要是为dataGrid添加一个多条件的查询框,先看一下最终的效果: 图1 图2 做点简单的介绍: 这里

雷林鹏分享:jQuery EasyUI 数据网格 - 添加查询功能

jQuery EasyUI 数据网格 - 添加查询功能 本实例演示如何从数据库得到数据,并将它们显示在数据网格(datagrid)中.然后演示如何根据用户输入的搜索关键词搜寻显示结果. 创建数据网格(DataGrid) 创建带有分页功能的数据网格(datagrid),然后添加工具栏到其中. url="datagrid24_getdata.php" toolbar="#tb" title="Load Data" iconCls="icon

[easyui]&mdash;easyui教你编写一个前台的架子

以前做项目都是在别人搭建好的环境下直接编写单独的页面,也没有处理过怎么搭建一个框架.看到别人的布局都挺好的,自己也想做一个走一下流程. 嘿,刚开始时看着别人写的代码,去找怎么写. 这是我自己的想法,使用easyui-accordion这种分类来做的.做一个二级的菜单,其实菜单里面的各个可以点击的菜单用ul li这种列表来做.大体设计到的元素就这些. 想看一下最后的结果,页面没有添加其他东西,相当的丑陋,不过只是学习这种思想和知道有这么一种写法: 是吧,相当的丑吧, 由于这个东西是使用easyui

【开源】OSharp框架解说系列(2.2):EasyUI复杂布局及数据操作

一.目录 一.目录 二.EasyUI复杂布局 三.EasyUI动态工具栏 四.EasyUI增删改操作 五.开源说明 系列导航 二.EasyUI复杂布局 接上篇,前面我们已经定义了一个 datagrid父视图 _DataGridLayout.cshtml,实现一个表格是相当的容易.但是,实际业务中,并非所有的数据列表并非只是单一的datagrid列表,还可能需要把datagrid与其他组件配合使用,比如角色信息是来源于各个组织机构的,就需要增加一个组织机构的分类,来更好的管理各种角色.最终效果图如

easyUI——自定义操作列

项目中遇到一个问题:在easyUI的datagrid中增加一列为操作列.官网的demo中没有给出具体的解决问题的方法.解决的思路就是利用单元格的属性formatter中添加内容. HTML 分为两个部分,前面的部分是表格代码,后面的部分是明细弹出框. @*datagrid表格*@ <table id="dg" title="My Users" class="easyui-datagrid" style="width:700px;h

easyui datagrid自定义按钮列,即最后面的操作列

在很多时候我们要在表格的最后添加一列操作列,easyUI貌似没有提供种功能,不过没关系,我们可以自定义来实现首先是HTML部分 <table id="tt" class="easyui-datagrid" style="width:100%;height:554px"             singleSelect="false"              fitColumns="true"    

Android系统中添加一个产品----图文详解

本文本着开源的精神介绍如何向一个Android系统中添加一个产品的整个过程,按照以下过程笔者有理由相信每个将要从事本行业的人都可以完成,其实添加一个产品并不难,难的是对其相关硬件的修改,好了废话不多说. 首先我们要创建一个属于自己产品的目录,这里以WY_device为例,以WY作为产品的名字. 首先从已经存在的产品中拷贝一个以产品的名字为名的.mk文件,修改为自己的.mk文件,在这里为WY.mk 对其进行如下的修改: 然后添加AndroidProducts.mk  这是添加产品的配置文件名路径,