js中给easyui的一列添加按钮

$("#totalTb").datagrid({

columns: [[
                { field: ‘ENTITY_ACTNAME‘, title: ‘活动名称‘, width: 120, align: "left", halign: ‘center‘ },
                { field: ‘ACT_RATE‘, title: ‘答题中奖率‘, width: 80, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_START‘, title: ‘开始时间‘, width: 100, align: "center", halign: ‘center‘ },
                { field: ‘ENTITY_END‘, title: ‘结束时间‘, width: 100, align: "center", halign: ‘center‘ },
                { field: ‘ENTITY_NAME‘, title: ‘实物名称‘, width: 100, align: "left", halign: ‘center‘ },
                { field: ‘ENTITY_RATE‘, title: ‘实物中奖率‘, width: 100, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_NUM‘, title: ‘总数量‘, width: 80, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_SEND_NUM‘, title: ‘已发放数量‘, width: 100, align: "right", halign: ‘center‘ },
                { field: ‘ENTITY_LAST_NUM‘, title: ‘剩余数量‘, width: 100, align: "right", halign: ‘center‘ },
                {
                    field: ‘OPERATE‘, title: ‘操作‘, width: 100, align: "center", formatter: btnDetailed
                }
        ]],

});

// 详细按扭
function btnDetailed(value, rowData, rowIndex) {
    if (typeof rowData.ENTITY_NO == "string") {
        return ‘<input type="button" value="详细" onclick="clickDetailedEntity( \‘‘ + $.trim(rowData.ENTITY_NO) + ‘\‘);" class="easyui-linkbutton" iconCls="icon-edit" plain="true" style="width:50px;height:20px;" />‘;
    }
}

另:用<button>详细</button>来添加按钮时,当点击按钮时,页面会刷新

用<input  type="button" value="详细"/> 点击按钮时不会刷新页面

时间: 2024-08-11 19:40:55

js中给easyui的一列添加按钮的相关文章

Easyui 自定义列 添加按钮 样式问题

开始想在easyui的datgrid中添加一列操作列,这一列的内容全部是按钮,方便显示详细信息. 添加完成之后,发现按钮的样式有问题,即使我把a标签的class属性和plain属性设置成和页面上一样,结果还是没有起作用. 开始的部分代码: onLoadSuccess:function(data){ }, idField:'userId', columns:[[ {field:'ck',width:5,checkbox:true}, {field:'userId',title:'用户id',wid

普通js中获取easyui中分页信息(page,pageSize等)

对于datagrid,获取其分页信息: 方法: var pageopt = $('#list_data').datagrid('getPager').data("pagination").options: 变量pageopt就代表了一个pagination(分页对象) ,一般来讲,如果想获取 属性 ,都要通过options来操作. 解读:datagrid("getPager")代表是那个datagrid,data("pagination")获取d

js中的面向对象

面向对象:不了解原理的情况下,会使用功能.如:电视机,不清楚原理,却知道如何操作.面向对象是一种通用的思想,并非只有在编程使用.面向对象编程简称OOP. js是一个基于原型的面向对象的编程语言,即每个对象有一个原型对象,对象从原型中继承属性和方法. js的原型的关系是递归的.即,对象的原型也是一个对象,而原型的本身可能还有一个原型. js中的对象使用一个new 运算符和一个构造函数来创建 js中可以给对象动态的添加属性和方法 js中创建对象的方法有多种,包括:原型方式,动态原型方式,工厂方式等等

在js中利用标签添加元素

在js中会利用此种方法来添加div元素,如果想在后面的代码中继续利用它,需要来一行: <script> var oul=document.getElementsByTagName('ul')[0]; var oli=document.getElementsByTagName('li'); for(var i=0;i<5;i++){ oul.innerHTML+=''<li>"+i+"</li>" } alert(oli.length)

JS中的事件以及DOM 操作

[DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document.getElementById("div1")  通过ID获取唯一的节点  多个同名ID只会取到第一个 2 getElmentsName   通过Name取到一个数组,包含1到多个节点   使用方式   通过循环,取到每一个节点  循环次数从0开始,<数组 length [查看和设置属

DOM 以及JS中的事件

[DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document.getElementById("div1")  通过ID获取唯一的节点  多个同名ID只会取到第一个 2 getElmentsName   通过Name取到一个数组,包含1到多个节点   使用方式   通过循环,取到每一个节点  循环次数从0开始,<数组 length [查看和设置属

项目EasyUi和JS中遇到的问题总汇

近期因为项目用到EasyUi,曾经仅仅是听过,可是没有详细用过.仅仅能一边学一边做.如今将做的过程中遇到的一些难点总结例如以下,以备后用: EsayUi使用: Json格式:key:value,key:value <body class="easyui-layout"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px

为SQL Server表中的列添加/修改/删除注释属性(sp_addextendedproperty、sp_updateextendedproperty、sp_dropextendedproperty)

本篇基本完全参考:sql--sp_addextendedproperty和sp_updateextendedproperty (Transact-SQL) 三个存储过程用法一样,以sp_addextendedproperty为例: sp_addextendedproperty [ @name = ]{ 'property_name' } [ , [ @value = ]{ 'value' } [, [ @level0type = ]{ 'level0_object_type' } , [ @le

js中cookie的添加,删除,查询总结

function addCookie(objName,objValue,objHours){//添加cookie var str = objName + "=" + escape(objValue); if(objHours > 0){//为0时不设定过期时间,浏览器关闭时cookie自动消失 var date = new Date(); var ms = objHours*3600*1000; date.setTime(date.getTime() + ms); str +=