easyUI框架之学习3--表格datagrid
@model MVCEasyUI.Models.Sale.PageResult<MVCEasyUI.Models.Sale.Order>
@{
ViewBag.Title = "AddSaleOrder";
}
<!DOCTYPE html>
<html>
<head >
<link href="~/Scripts/easyUI/themes/default/easyui.css" rel="stylesheet" />
<link href="~/Scripts/easyUI/themes/icon.css" rel="stylesheet" />
<script src="~/Scripts/easyUI/jquery-1.7.2.min.js"></script>
<script src="~/Scripts/easyUI/jquery.easyui.min.js"></script>
<script src="~/Scripts/easyUI/locale/easyui-lang-zh_CN.js"></script>
<script >
var _id = 1;
$(function () {
});
function AppendRow() {
_id++;
var objId = 'tmp_' + _id;
var tmp = "<div id=" + objId + "><a href='#' class='easyui-linkbutton' data-options='iconCls:\"icon-remove\"' >删除</a> <a href='#' class='easyui-linkbutton' data-options='iconCls:\"icon-edit\"' >编辑</a></div>";
$('#OrderList').datagrid('appendRow', {
CorId: 0,
PlatfromId: 1,
ShopId: 2,
Opr:tmp
});
var obj = $("#" + objId);
$.parser.parse(obj);
}
function DeleteRow() {
var row = $('#OrderList').datagrid('getSelected');
alert(row);
if (row) {
var index = $('#OrderList').datagrid('getRowIndex', row);
$('#OrderList').datagrid('deleteRow', index);
}
}
</script>
</head>
<body >
<h2>@Model.ResultName</h2>
<a href="#" onclick ="AppendRow()">添加一行</a>
<table id="OrderList" class="easyui-datagrid">
<thead >
<tr >
<th data-options="field:'CorId'">商家ID</th>
<th data-options="field:'PlatfromId'">平台ID</th>
<th data-options="field:'ShopId'">店铺ID</th>
<th data-options="field:'TreadId'">交易编号</th>
<th data-options="field:'TreadTime'">交易时间</th>
<th data-options="field:'Opr'">操作</th>
</tr>
</thead>
<tbody >
@foreach (var order in Model.ResultList)
{
<tr id="Id@{@order.Id}">
<td id="CorId_@order.CorId">@order.CorId </td>
<td><a id="PlatfromId_@order.PlatfromId" href ="#">@order.PlatfromId </a></td>
<td><a id="ShopId_@order.ShopId" href ="#">@order.ShopId</a> </td>
<td>@order.TreadId </td>
<td>@order.TreadTime </td>
<td> <a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick='DeleteRow()'>删除</a>
<a href="javascript:;" class="easyui-linkbutton" data-options="iconCls:'icon-edit'" onclick=''>编辑</a>
</td>
</tr>
}
</tbody>
</table>
</body>
</html>
easyUI框架之学习3--表格datagrid的更多相关文章
- easyUI框架之学习1--框架
<!DOCTYPE html><html> <head > <link href="~/Scripts/easyUI/themes/default/ ...
- easyUI框架之学习2--添加左侧导航栏
<head> function addTab(title, url) { if ($('#tableContainer').tabs('exists', title)) { $('#tab ...
- easyUI框架之学习记录汇总
在添加完之后,可以使用 $.parser.parse();这个方法进行处理:(1) 对整个页面重新渲染: $.parser.parse(); (2) 渲染某个特定的objectvar targetOb ...
- easyui框架--基础篇(一)-->数据表格datagrid(php与mysql交互)
前 言 php easyui框架--本篇学习主要是 easyui中的datagrid(数据表格)框架. 本篇学习主要通过讲解一段代码加GIF图片学习datagrid(数据表格)中的一些常用属 ...
- 基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)
http://blog.csdn.net/jiuqiyuliang/article/details/19967031 目录: 基于asp.net + easyui框架,一步步学习easyui-data ...
- EasyUI表格DataGrid前端分页和后端分页的总结
Demo简介 Demo使用Java.Servlet为后台代码(数据库已添加数据),前端使用EasyUI框架,后台直接返回JSON数据给页面 1.配置Web.xml文件 <?xml version ...
- [转载]EasyUI中数据表格DataGrid添加排序功能
我们这里演示的是EasyUI数据表格DataGrid从服务器端排序功能,因为觉的本地数据排序没有多大的作用,一般我们DataGrid不会读取全部数据,只会读取当前页的数据,所以本地数据排序也只是对当前 ...
- JQuery EasyUI框架学习
前言 新项目的开发前端技术打算採用EasyUI框架(基于EasyUI较为丰富的UI组件库),项目组长将前端EasyUI这块的任务分配给了我.在进行开发之前,须要我这菜鸟对EasyUI框架进行一些基础的 ...
- easyUI 数据表格datagrid的使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
随机推荐
- poj 1163 The Triangle
The Triangle Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 43809 Accepted: 26430 De ...
- form表单和ajax表单提交(Html.BeginForm()、Ajax.BeginForm())的差别
有如下几种区别: 1. Ajax在提交.请求.接收时,都是异步进行的,网页不需要刷新: Form提交则是新建一个页面,哪怕是提交给自己本身的页面,也是需要刷新的: 2. A在提交时,是在后台新建一个请 ...
- perl 简单学习,安装perl模块
检查是否安装了某个perl模块 有多种方式 0.perldoc perlinstall 列出所有的模块及版本号 1. perl -M模块名 -e 1(模块名不加空格) 没有返回值则说明有此模块 2.p ...
- mvc control 请求两次问题
今天在做项目时,突然发现一个mvc 的control中action被执行了两次,最终发现是由于favicon.ico导致的.问题代码: <link rel="shortcut icon ...
- Enabling CORS in WCF
Introduction This is an intermediate example of WCF as REST based solution and enabling CORS access, ...
- JS 之DOM range对象
DOM范围 DOM中的range对象是DOM2中新定义的接口.通过这个对象可以选择文档中的某个区域,而不必考虑节点的界限. 创建范围 document.createRange()创建一个范围,这个范围 ...
- js浮点数精确计算(加、减、乘、除)
<SPAN style="FONT-SIZE: 18px">//说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显.这个函数返回较为精确的加 ...
- Linux基础与Linux下C语言编程基础
Linux基础 1 Linux命令 如果使用GUI,Linux和Windows没有什么区别.Linux学习应用的一个特点是通过命令行进行使用. 登录Linux后,我们就可以在#或$符后面去输入命令,有 ...
- 如何自学 Android 编程?
最近知乎上有网友问我怎么自学Android,其实说实在的,我学的也一塌糊涂,当然在学习过程也积累了一些知识,对于以前没接触过Android的朋友,或者刚入门Android 的朋友,这篇文章作为入门,那 ...
- ssh 返回错误 Too many authentic authentication failures for root 的时候检查 ssh 配置
路径 cd /etc/ssh ls -ltr sudo vi sshd_config 改为以下内容(yes): PermitRootLogin yes