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 ...
随机推荐
- C# 小型资源管理器
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...
- 使用SilverLight开发区域地图分析模块
本人最近接收开发一个代码模块,功能主要是在页面上显示安徽省市地图,并且在鼠标移动到地图某市区域时,显示当前区域的各类信息等,一开始准备用百度地图,高德地图等地图工具进行开发,最后发现都不适合进行此类开 ...
- CentOS 7 安装桌面环境
首先进入要使用root权限: 使用 yum grouplist可以看现在的安装情况以及支持哪些软件包. 使用 yum groupinstall "GNOME Desktop" &q ...
- .NET编译的目标平台(AnyCPU,x86,x64)
转载:http://blog.sina.com.cn/s/blog_78b94aa301014i8r.html 今天有项目的代码收到客户的反馈,要求所有的EXE工程的目标平台全部指定成x86,而所有D ...
- JavaScript开发规范要求
http://www.cnblogs.com/webflash/archive/2010/06/11/1756255.html 作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅 ...
- 20135220谈愈敏Linux Book_3
第3章 进程管理 进程是Unix操作系统抽象概念中最基本的一种,进程管理是操作系统的心脏所在. 3.1 进程 进程:处于执行期的程序以及相关的资源的总称. 线程:在进程中活动的对象,拥有独立的程序计数 ...
- initWithNibName&initWithCoder &awakeFromNib&UIView常见属性方法
第一.initWithNibName这个方法是在controller的类在IB中创建,但是通过Xcode实例化controller的时候用的. 第 二.initWithCoder 是一个类在IB中创建 ...
- MBProgressHUD框架的使用：https://github.com/jdg/MBProgressHUD
MBProgressHUD是一个开源类库,实现了各种样式的提示框, 下载地址:https://github.com/jdg/MBProgressHUD,然后把两个MBProgressHUD.h和MBP ...
- 关于ARP攻击的原理以及在Kali Linux环境下的实现
关于ARP攻击的原理以及在Kali Linux环境下的实现 全文摘要 本文讲述内容分为两部分,前半部分讲述ARP协议及ARP攻击原理,后半部分讲述在Kali Linux环境下如何实现ARP攻击以及AR ...
- Sublime Text 之运行 ES6 (基于babel)
本文同步自我的个人博客:http://www.52cik.com/2015/10/21/sublime-text-run-es6.html 之前在博客园里写过一篇<Sublime Text 之运 ...