普元nui：在datagrid列中写入链接

最新推荐文章于 2019-12-11 20:46:54 发布

喜只狼果冻

最新推荐文章于 2019-12-11 20:46:54 发布

阅读量1k

点赞数

分类专栏： Work

本文链接：https://blog.csdn.net/qq_36750352/article/details/103032791

版权

本文详细介绍了如何在普元NUI的Datagrid组件中为列数据添加链接，以实现点击单元格跳转到指定页面的功能。通过设置列模板和绑定数据，你可以轻松创建交互式的表格展示。

摘要由CSDN通过智能技术生成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" session="false"%>
<%@ include file="/common/jstlres.jsp"%>
<%@page import="com.cib.cap4j.core.context.ContextUtil"%>
<%@page import="com.cib.cap4j.core.security.Cap4jUserInfo"%>
<%
	Cap4jUserInfo userInfo = ContextUtil.getLoginUser();
	String userId = "";
	String userNotesID = "";
	String userMc = "";

	if (userInfo != null) {
		userId = userInfo.getUserId();
		userNotesID = userInfo.getUserNotesID();
		userMc = userInfo.getUsername().trim();
	}
%>
<html>
<head>
<title>贷款申请审批列表SyzcdDksqSpList.jsp</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<%@ include file="/common/nuires-js.jsp"%>
</head>
<body>
	<div class="nui-splitter" style="width: 100%; height: 100%;" borderStyle="border: 0;">
		<div size="230px;" showCollapseButton="true" style="border: 0;">
			<div class="nui-panel" title="查询条件" style="width: 100%; height: 100%;">
				<div id="form1" class="nui-form" align="left">
					<table id="table1" class="table">
						<tr>
							<td class="form_label">项目ID:</td>
							<td colspan="1">
								<input class="nui-textbox" name="projectid" visible="true"> </input>
							</td>
						</tr>
						<tr>
							<td class="form_label">包组ID:</td>
							<td colspan="1">
								<input class="nui-textbox" name="planitemid" visible="true"> </input>
							</td>
						</tr>
						<tr>
							<td class="form_label" colspan="2" align="center">
								<a class="nui-button" iconCls="icon-search" onclick="search()"> 查询 </a>
								&nbsp;&nbsp;
								<a class="nui-button" iconCls="icon-reload" onclick="reset()"> 重置 </a>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<div showCollapseButton="false" style="border: 0;">
			<div class="nui-toolbar" style="border-bottom: 0; padding: 0px;">
				<table style="width: 100%;">
					<tr>
						<td style="width: 100%;">
							<!-- <a class="nui-button" iconCls="icon-ok" onclick="plCheck()" id="check" >
           		批量通过
          				</a>
          				<a class="nui-button" iconCls="icon-remove" onclick="plVeto()" id="veto" >
           		批量否决
          				</a> -->
						</td>
					</tr>
				</table>
			</div>
			<div class="nui-fit">
				<div id="datagrid1" dataField="data" class="nui-datagrid" style="width: 100%; height: 100%;" url="<%=request.getContextPath()%>/syzcdDksqxxb/queryApproval.do?notesid=<%=userNotesID%>" pageSize="10" multiSelect="true" allowSortColumn="false" onselectionchanged="selectionChanged">
					<div property="columns">
						<div type="checkcolumn"></div>
						<div type="indexcolumn" headerAlign="center">序号</div>
						<div name="onCheckAction" headerAlign="center" align="center" renderer="onCheckActionRenderer" cellStyle="padding:0;">审批操作</div>
						<div field="projectid" headerAlign="center" allowSort="true">项目ID</div>
						<div field="planitemid" headerAlign="center" allowSort="true">包组ID</div>
						<div field="contractid" headerAlign="center" allowSort="true">合同ID</div>
						<div field="applyid" headerAlign="center" allowSort="true">申请ID</div>
						<div field="supplierid" headerAlign="center" allowSort="true">供应商ID</div>
						<div field="suppliername" headerAlign="center" allowSort="true">供应商名称</div>
						<div field="bank

最低0.47元/天解锁文章

喜只狼果冻

关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
1
评论
普元nui：在datagrid列中写入链接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><%@ page language="java" contentType="text/html; charset=UTF-8" pa...
复制链接

扫一扫