转义字符与选中行事件

$("#tableRole").bootstrapTable(‘destroy‘);
                    var table = $("#tableRole").bootstrapTable({
                        pagination: true,
                        useCurrentPage: true,
                        pageList : [10, 20, 50], // 记录数可选列表
                        pageSize : 10,
                        clickToSelect: true,
                        uniqueId: "roleId",
                        locale: ‘zh-cn‘,
                        data: data,
                        onClickRow: RoleRowClick,
                        //onDblClickRow: RoleDbRowClick,
                        toolbar: "#roleToolbar",
                        columns: [
                            {
                                title: ‘序号‘,
                                field: ‘seq‘,
                                align: ‘center‘,
                                valign: ‘middle‘,
                                //checkbox: true,
                                formatter: function(value, row, index) {
                                    return index + 1;
                                }
                            },
                         {
                            title: ‘主键‘,
                            field: ‘roleId‘,
                            visible: false,
                        },
                        {
                            title: "角色名称",
                            field: "roleName",
                            align: "center",
                            class: "t-name"
                        },
                        {
                            title: "系统授权码",
                            field: "systemKey",
                            align: "center",
                            class: "t-key"
                        },
                        {
                            title: "创建时间",
                            field: "createTime",
                            align: "center",
                            class: "t-time"
                        },
                        {
                            title: "备注",
                            field: "remark",
                            align: "center",
                            class: "t-remark"
                        },
                        {
                            field: ‘operate‘,
                            title: ‘操作‘,
                            align: ‘center‘,
                            formatter: operateFormatter
                        }]
                    });

                    //$(".fixed-table-container").addClass("nano");
                    //$(".fixed-table-body").addClass("nano-content");
                    //setTimeout(function(){
                        calTableHeight();
                        $(‘.table‘).fixedHeaderTable();
                    //},0)

function operateFormatter(value, row, index) {
    //selectedRow = row;
    return [
        ‘<button type="button" class="eidt btn btn-default btn-sm" onclick="edit(\‘‘ + row.roleId + ‘\‘,‘+index+‘)" style="margin-right:15px;">编辑</button>‘,
        ‘<button type="button" class="delete btn btn-default btn-sm" onclick="removeRow(\‘‘ + row.roleId + ‘\‘)" style="margin-right:15px;">删除</button>‘,
        ‘<button type="button" class="btn btn-default" onclick="editRight(\‘‘ + row.roleId+‘\‘,\‘‘+ row.systemKey+ ‘\‘)" style="margin-right:15px;">配置权限</button>‘
    ].join(‘‘);
}

function RoleRowClick(row, $element, field)
{
    //debugger
    selectedRow = row;
}

转义字符\‘表示这个是单引号,是实际存在的单引号,不是拼接字符串而加上去的字符串。此处可以将row.roleId套一层\‘,将它强制转为字符串,不转也没有关系。js只能嵌套两层,所以最外层一般用单引号,里面用双引号,第三层就要使用转义字符了,但是据说在html里面不识别的,要用&quoat什么的。

这里开始在生成表格的时候就将row赋值给selectedRow,但是这样每一行表格生成的时候selectedRow一直在改变,最后将是最后一行的row值。还是需要使用行单击事件。

时间: 2024-12-04 14:17:43

转义字符与选中行事件的相关文章

jqGrid的选中行事件

http://blog.csdn.net/u014381863/article/details/50375121

【easyUI】取消easyui行点击选中事件,智能通过勾选checkbox才能选中行

背景:项目中使用easyui作为前端架子.datagrid默认是点击行就选中此行然后变色. 需求:点击行不让此行选中:只能通过点击复选框才能选中某一行. 解决思路: 1.写点击行函数function onClickRow(rowIndex,rowData){} 2.查询当前datagrid所有选中行. 3.遍历选中行.对比选中行索引和点击行的索引:如果点击行的索引在所有选中行中,则取消点击行的选中状态:如果不存在,则选中点击行. 代码: <script type="text/javascr

JS获得ASP.NET(C#)页面上GridView选中行的信息

做web开发还是新手的我,之前为了得到Gridview中的值,是将其通过服务端控件先将Gridview中的数据保存到服务端,然后绑定当一个服务端的隐藏域,之后通过js读取隐藏域中的值,现在感觉这种方法很笨:虽然得到数据是很容易的仅仅是遍历一下Gridview,但是考虑的性能,我还是想用js来读取.现在可以得到我想要的数据了,为了方便以后和我一样的新手,现在简单记下,希望能够抛砖引玉,有待找到更好的解决办法.如果您有更好的想法请联系qq:643166601,我会及时记录更新. 1.准备数据库,我的

[Irving] Wpf DevexPress GridControl 获取选中行

WPF前台绑定事件代码: <RelayAction TargetControl="{Binding ElementName=GCInstoragePart}" MethodName="GridClick" MethodParameter="{XParamBinding me}" TriggerEvent="Click" /> 后台事件代码: public void GridClick(RelayAction r,

DOJO dataGrid 单击单元格选中行

onCellClick: lang.hitch(this, function(event){ //单元格单击事件 var grid = dijit.byId("__geodisa_grid"); var rowIndex = event.rowIndex; //如果已有选择的行则取消改行选中状态 if (grid.selection.selectedIndex >= 0) { grid.selection.setSelected(grid.selection.selectedIn

asp.net GridView 表格之选中行

一.GridView 表格之选中行 asp.net选中行的功能最初以为只能通过属性中AllowGenerateSelectButton(运行时是否自动生成选择按钮)来实现,需要点击生成的选择按钮来操作,但这样使用并是很方便. 经寻找找到了改进办法如下效果 鼠标经过时背景色会改变,选中后可获取响应行的数据 实现方法如下: 首先前台设计属性框中事件绑定RowDataBound(在对时局进行了绑定后激发)事件 后台代码如下: /// <summary> /// 在对数据进行了绑定后激发 /// 主要

Gridviewcontrol控件和DataGridView控件获得当前选中行

Gridviewcontrol控件在事件处理函数中取得当前行的某列的值: string buyPlanId = gridView1.GetRowCellValue(gridView1.FocusedRowHandle, "BuyPlanId").ToString(); int buyState = Convert.ToInt32(gridView1.GetRowCellValue(gridView1.FocusedRowHandle, "BuyState")); 控

DataGridView取消默认选中行

最近用Winform的DataGridView遇到不少问题,昨晚就碰到个默认选中行的问题.DataGridView在添加数据后会默认选中第 一个单元格或者第一行,我就想取消它的默认选中行.于是就在绑定数据的地方加了dataGridView1.ClearSelection()这句代码, 启动窗体之后发现第一行还是被选中了.后来上网搜索,看到很多人都遇到这个问题,解决方法无非就是那几句代码.可我试了几次都不管用,百思不得其解..       后来才知道得把它放到窗体的Load事件中,于是添加了for

jqgrid 翻页记录选中行

简单的jqgrid列表 $("#list").jqGrid({ url:contextPath + "/getList", postData: data, datatype:"json", colNames : [ '用户名','密码'], colModel : [ { name : 'name', index : 'name', align : 'center' }, { name : 'psw', index : 'psw', align :