在线编辑页面功能实现（FineUI开发一）

FineUI的框架使用环境：FineUI免费版，VS2019，Entity Framework 6.2.0

自开发的平台中，有一个在线编辑的页面，点“新增”数据可以像excel一样编辑，编辑完成后点保存，可以直接保存到数据库里。

页面的截图如下：

一、我们来看看数据库查询的数据怎么到网格控件中：

1、用LINQ把全部数据查询出来。

2、统计总条数，用LINQ的分页功能，拿到第一页的数据，把第一页的数据显示到网格工具中。

 private void BindGrid(){          // 1.控件设置总项数（特别注意：数据库分页一定要设置总记录数RecordCount）var allpages = from c in po.pdadb.JK select c;// 2.总记录数RecordCount Grid1.RecordCount = allpages.Count();// 3.排序和分页数据           var onepage = allpages.OrderBy(Grid1.SortField + " " + Grid1.SortDirection).Skip(Grid1.PageIndex * Grid1.PageSize).Take(Grid1.PageSize);// 4. 绑定到Grid  Grid1.DataSource = onepage;Grid1.DataBind();                }

二、看看同排序相关的代码设置：

1、在HTML中指定网格控件的排序响应函数Grid1_Sort()

2、在每一个字段的定义中，声明这个字段点一下可以排序。

3、后台响应函数Grid1_Sort()，调用BindGrid取新的数据函数，刷新当前页面。

 protected void Grid1_Sort(object sender, GridSortEventArgs e){       BindGrid();}

三、调整每页分页的记录

有时候，我们需要调整每页的记录数，这样可以看得更多。

1、先在HTML中定义网格控件可以选15、30、50、100条每页四种选项。

2、服务器后台的响应函数：

//这个函数是点击切换页数后的响应，在没有选择条件和查询按钮的页面（比如编辑页面），这里应该把BindGrid刷新加上protected void ddlPageSize_SelectedIndexChanged(object sender, EventArgs e){Grid1.PageSize = Convert.ToInt32(ddlPageSize.SelectedValue);BindGrid();}

这里直接使用的BindGrid(),重新读取数据并刷新，因为这个在线编辑页面没有查询按钮。

在其它有查询按钮的页面，是不需要调用BindGrid()。

未完，待续。。。

在线编辑页面功能实现（FineUI开发一）相关推荐

【安信可ESP32语音开发板专题②】ESP32-Audio-Kit 开发板适配百度dueros例程实现在线语音功能，与开发板对话聊天。
文章目录前言一.准备工作 1.硬件准备 2.软件准备二.验证ESP-ADF是否正常 1. 代码简单修改 2.播放MP3测试三.dueros 例程适配 1.替换连接文件 2.内存卡准备 3. 代 ...
ZLMS教学管理平台系统V1.2.0最新版本发布，支持纯Web视频直播点播，还带运营在线支付功能！完全免费提供！...
ZLMS教学管理平台系统V1.2.0最新版本发布,支持纯Web视频直播,点播!还带在线支付功能! ZLMS 开发团队在综合参考了各方面的合理建议之后,经过两个多月的紧张开发及测试,终于发布V1.2.0 ...
微信公众平台开发之在线翻译功能
微信公众平台开发之在线翻译功能是会员日常生活中的实用小工具,也是留住会员.提高会员对我们官方微信依赖度的一个重要手段.在线翻译使得会员用微信聊着天也能翻译,甚至还可以一边聊天一边学习,可谓一举两得.下 ...
小白也能看懂的教程：微信小程序在线支付功能开通详细流程（图文介绍）
微信小程序不仅是一个展示平台,更多会用到小程序的电商功能,当然了,支付目前而言需要接入微信支付,那么具体而言,微信小程序要怎么开通支付功能呢?最近需要在微信小程序中用到在线支付功能,于是看了一下官方的 ...
分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa
在线演示本地下载今天我们分享一个超棒的在线jQuery mobile原型设计开发工具:Codiqa,这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个jQuery mobile的web应 ...
简单java socket_基于Java Socket实现一个简易在线聊天功能（一）
最近做了一个项目,其中有一个在线网页交流的需求,好久没写代码了,手都生疏了,于是先写demo练练手,分享到脚本之家平台,以此做个记录,方便自己和大家使用. 先给大家说下实现步骤分这样几大步: 1.使用 ...
java在线支付---01_在线支付功能的演示与概述
2013/5/30 ----------------- 01_在线支付功能的演示与概述 Java技术qq交流群:JavaDream:251572072 ------------------------ ...
在线支付功能－含银联在线和支付宝
银联在线支付官方资料银联商家技术服务什么叫网关支付:自己的理解,直接和银行进行对接的支付参考资料支付宝集成过程详解--运行DEMO 在网站里集成支付宝支付方式(支付宝自己已经集成了和网银的支付 ...
一站式在线订货功能详解，B2B电子商务交易平台高效解决企业订单管理痛点
在互联网和实体经济深度融合的今天,互联网已经从消费互联网进入空间更为广阔的产业互联网发展阶段,并不断孕育出更多的新技术.新模式.新业态.在不断涌现的新场景下,面对需求快速增长,打破了传统的供给体系,提 ...

在线编辑页面功能实现（FineUI开发一）

在线编辑页面功能实现（FineUI开发一）相关推荐

最新文章

热门文章