jqgrid 单元格放超链接文本
.前台
<%-- builed by manage.aspx.cmt [ver:2016.56.] at // :: --%> <%@ Page Language="C#" AutoEventWireup="True" CodeBehind="SysExceptionLogManage.aspx.cs" ValidateRequest="false" Inherits="HraWeb.SysExceptionLogManage" %> <%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server"> <div id="toolbar" class="datagrid-toolbar">
<span class="title">业务异常类型:</span><input type="text" id="txt_ExceptionType_LK_" name="txt_ExceptionType_LK_" class="input datacontrol" style="width: 100px" />
<span class="title">业务异常代码:</span><input type="text" id="txt_ExceptionCode_LK_" name="txt_ExceptionCode_LK_" class="input datacontrol" style="width: 100px" />
<a href="#" id="btn_edit" iconcls="icon-edit" class="button">查看</a>
<a href="#" id="btn_search" iconcls="icon-search" class="button">查询</a>
</div>
<div class='jdataGrid'>
<asp:JQGrid runat="server" ID="jq" AutoWidth="true" Height=""
DataUrl="/admin/sys/SysExceptionLogManage.aspx?_method=search">
<Columns>
<asp:JQGridColumn DataField="ModuleId" Visible="true" HeaderText="业务模块ID" Frozen="true"></asp:JQGridColumn>
<asp:JQGridColumn DataField="ModuleName" Visible="true" HeaderText="业务模块名称"></asp:JQGridColumn>
<asp:JQGridColumn DataField="ExceptionType" Visible="true" HeaderText="业务异常类型"></asp:JQGridColumn>
<asp:JQGridColumn DataField="ExceptionCode" Visible="true" HeaderText="业务异常代码"></asp:JQGridColumn>
<asp:JQGridColumn DataField="ExceptionReason" Visible="true" HeaderText="异常原因(简述)"></asp:JQGridColumn>
<asp:JQGridColumn DataField="ExceptionDetail" Visible="true" HeaderText="异常的详细内容">
</asp:JQGridColumn>
<asp:JQGridColumn DataField="ExceptionWaning" Visible="true" HeaderText="问题的严重级别"></asp:JQGridColumn>
<asp:JQGridColumn DataField="CreateUname" Visible="true" HeaderText="操作人"></asp:JQGridColumn>
<asp:JQGridColumn DataField="OperationAction" Visible="true" HeaderText="对应操作(业务操作)"></asp:JQGridColumn>
<asp:JQGridColumn DataField="OperationDate" Visible="true" HeaderText="操作时间"></asp:JQGridColumn>
<asp:JQGridColumn DataField="Id" Visible="false" PrimaryKey="true"></asp:JQGridColumn>
</Columns>
<ClientSideEvents LoadComplete="JDataGrid.loadComplete" RowDoubleClick="JDataGrid.rowDoubleClick" />
</asp:JQGrid>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" style="width: 500px; height: 700px; margin-left: 30%;">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
详细信息:
<%-- <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>--%>
</div>
<div class="modal-body" style="height: 300px;">
<div id="logs"></div>
<button type='button' class='btn btn-default btn-sm' id='btn_close'>关闭</button> <%-- <iframe id="detail" src="" style="width: 870px; height: 460px;"></iframe>--%>
</div>
</div> </div>
</div>
</form> <script type="text/javascript">
var logMeasage = new Array();
JDataGrid.rowDoubleClick = function () { return false;
}
function gridComplete() {
var jq = $("#jq");
var ids = jq.jqGrid('getDataIDs');
for (var i = ; i < ids.length; i++) {
var id = ids[i];
var obj = jq.jqGrid('getRowData', ids[i]);
var name = obj.Name;
logMeasage[id] = obj;
var editBtn = obj.ExceptionDetail.substring(, ) + ".." + "<button class='btn btn-primary btn-sm' type='button' id=" + id + " style='color:#f60' onclick='_edit(" + id + ")' >详情</button>"; //此处会将点击行id传给_edit(id) js函数
$("#jq").jqGrid('setRowData', id, { ExceptionDetail: editBtn });
}
}
function _edit(id) { var obj = $("#jq").jqGrid('getRowData', id); $("#detail").attr("src", "/admin/sys/SysExceptionLogEdit.aspx?Id=" + obj.Id);
$("#logs").html("");
$("#logs").prepend("<br>" + logMeasage[id].ExceptionDetail + "!!" + "<p>");
//$("#txt_ExceptionDetail_").val(obj.ExceptionDetail);
$('#myModal').modal('show');
}
function PageOnLoad() {
$("#btn_close").on("click", function () {
$('#myModal').modal('hide');
});
//控件按钮设置
$(".button").linkbutton({ plain: true });
//参数说明:控件Id,查询地址,编辑页面的宽度,高度,编辑页面标题,新增按钮,编辑按钮,删除按钮,查询按钮,查询回调函数
JDataGrid.InitGrid("jq", "/admin/sys/SysExceptionLogEdit.aspx", , , "业务异常日志", $("#btn_add"), $("#btn_edit"), $("#btn_del"), null);
}
</script> </body>
</html>
.后台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using HraWeb.Common;
using WebApp.Common;
using Contract.Domain;
using System.Collections;
using HRAModel.Sys.Enum;
using Framework; namespace HraWeb
{
public partial class SysExceptionLogManage : BootStrapManage<Contract.Domain.SysExceptionLog>
{
protected override void Page_Load(object sender, EventArgs e)
{
jq.ClientSideEvents.LoadComplete = "gridComplete"; //给基类服务接口复制,可不付
//base.svc = Psvc;
if (!IsPostBack)
{ }
base.Page_Load(sender, e);
}
protected override string AddScriptInDoucumentReady()
{ return "";
} public override void ChangeList(QueryInfo infoList)
{
foreach (SysExceptionLog log in infoList.List)
{
if (log.ExceptionDetail.Length > )
{
// log.ExceptionDetail = log.ExceptionDetail.Substring(0, 7) + "...详情";
} }
}
/// <summary>
/// 设置查询条件或者语句
/// </summary>
/// <returns></returns>
protected override Framework.QueryInfo SetInfo()
{
info = base.SetInfo();
return info;
}
/// <summary>
/// 初始化页面控件
/// </summary>
protected override void InitPage()
{
base.InitPage(); // BindDrop(drp_Unit, "SPSW", true);
}
//private Contract.IService.ISysExceptionLogService psvc;
///// <summary>
///// 初始化
///// </summary>
//Contract.IService.ISysExceptionLogService Psvc
//{
// get
// {
// if (psvc == null)
// {
// psvc = ctx.GetObject("SysExceptionLogService") as Contract.IService.ISysExceptionLogService;
// }
// return psvc; // }
//}
}
}
jqgrid 单元格放超链接文本的更多相关文章
- jqGrid单元格编辑配置,事件及方法
转自 http://blog.csdn.net/xueshijun666/article/details/18151055 // var ret = $("#in_store_list_de ...
- POI教程之第二讲:创建一个时间格式的单元格,处理不同内容格式的单元格,遍历工作簿的行和列并获取单元格内容,文本提取
第二讲 1.创建一个时间格式的单元格 Workbook wb=new HSSFWorkbook(); // 定义一个新的工作簿 Sheet sheet=wb.createSheet("第一个 ...
- JTable单元格放自定义控件(一)-如何在JTable的单元格放JPanel
原文链接:http://blog.sina.com.cn/s/blog_7f1c8c710101hdpf.html 最近自己尝试着模仿着实现一款非常有名的进销库存管理系统(智慧记)里面的一个功能.功能 ...
- jqgrid单元格设置空值的方法
项目中使用jqgrid,在使用的场景下经常需要清空单元格内容,于是使用了下面的代码: $("#jqgrid1").jqGrid('setCell',rowId, 'column', ...
- jqgrid单元格合并
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx. ...
- jqgrid单元格中增加按钮
1.增加列配置 { label: '问题数据', name: 'action', width: 80, align: 'center' } 2.函数 gridComplete: function () ...
- [VBA] excel获取单元格的超链接地址函数
Function geturl(c As Range) As String geturl = c.Hyperlinks().Address End Function 设置超链接的函数是HYPERLIN ...
- jqgrid 单元格引入时间datepicker控件
简述原理:引入jquery-ui插件,设置好表格所需的字段变量以及字段属性1.设置colName与colModel colNames: ['过期时间''] colModel:[{ name ...
- easyui datagrid单元格实现溢出文本显示省略号的效果。
Css .datagrid-btable .datagrid-cell{padding:6px 4px;overflow: hidden;text-overflow:ellipsis;white-sp ...
随机推荐
- debian下qt4动态编译
一句话不割,版本4.86 ./configure -prefix /home/用户名/Qt/dynamic -opensource -opengl -confirm-license -no-scrip ...
- C#制作自定义安装程序
(一),安装程序 以前用vs制作过安装程序,现在把步骤写出来,有帮助的大家一定要顶哦 第一步:建立工程 1.打开vs,新建项目->其他项目类型->安装和部署(這個子项下面有安装项目和Web ...
- 在不适用fixed的前提下,当内容较少时footer固定在页面底部
使用css,参考国外的一个解决方法: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ How to use the CSS ...
- 在单板上使用WIFI网卡的固件问题
(在单板上使用WIFI网卡的固件问题)(我的wifi网卡是RT3070) (一般买的网卡说是支持LINUX免驱的话,那么在/lib/firmware/ 下一定有相应的固件) 我将USB网卡接入UBUN ...
- Centos 部署Cobbler系统
一.简介 Cobbler 可以用来快速建立 Linux 网络安装环境,它已将 Linux 网络安装的技术门槛,从大专以上文化水平,成功降低到初中以下,连补鞋匠都能学会.(~..~) 二.安装环境以及资 ...
- BFC以及margin的深入探究
BFC(Block Formatting Context) 块级格式化上下文,它是指一个独立的块级渲染区域,只有block-level Box参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域 ...
- Tkinter Menu(菜单)
Tkinter Menu: 这个小工具的目标是,让我们来创建我们的应用程序,可以通过使用各种菜单.核心功能,提供的方式来创建三个菜单类型:弹出式,顶层,和下拉 这个小工具的目标是,让我们来创建 ...
- Arduino教程资料汇总(8月22日悄悄跟新了一下)
http://www.geek-workshop.com/thread-985-1-1.html 本帖最后由 迷你强 于 2013-8-31 12:36 编辑 =====F-101 arduino基础 ...
- leetcode384
public class Solution { private int[] nums; private Random random; public Solution(int[] nums) { thi ...
- 聊聊flutter的UI布局
UI布局多半是套路,熟悉套路的规则. Flutter的UI布局也有一套规则 center center可以让任何元素在屏幕中居中,既是水平居中又是垂直居中,如果想让元素从上而下排列要怎么办呢?那就得使 ...