ASP.NET-FineUI开发实践-6

简介:   FineUI4.1.0更新,传说的V4版稳定版,很多人也从3.0+升级了,接着又连续更新了几次,现在是V4.1.3 2014-09-09日更新的。更新的挺快,感觉跟不上节奏,我很欣慰,看来开原版还是靠谱的。
+关注继续查看

 

  FineUI4.1.0更新,传说的V4版稳定版,很多人也从3.0+升级了,接着又连续更新了几次,现在是V4.1.3 2014-09-09日更新的。更新的挺快,感觉跟不上节奏,我很欣慰,看来开原版还是靠谱的。

   表格编辑动态创建行第一次是在用友上看见的,后来想了想FineUI实现起来还真不难,把新增行的JObject给前台就可以了,JObject完全可以在后台拼。原理就是新增行,选择,把这个行删了在新增上动态拼出来的行:

 

 

见图,一个一个说

1.新增行

新增行按钮新增了一个  用户名,空空空空。。。 的列  ,此处用户名可选,我用的是模板列 TriggerBox ,TriggerBox怎么用就不写了,唯一的目的是把window显示出来,window里有个选择框,下拉选择后确定。

2.选好了

点击选好了,用户名那列就变成了选择的列,变的方法已经说了,就是删了再新增,上代码

呵呵,沾不了。

官网例子改的取数据,对比,得到删除行的JS,拼数据,输出。

3.嘿嘿,是不是有BUG,恩,没找到的我告诉你

看列号,好多个5,这是因为我修改前面的,前面的删了,新增的行号还是最后一行。解决方法是把行号扔掉,让用户傻傻的,或者,看下一期   PS:是时候推翻JS了。

目录
相关文章
|
前端开发
ASP.NET-FineUI开发实践-18
Grid编辑下垃级联 看了看专业版的例子,分为以下几步,都是前端的 1.编辑父下拉框后,重置子下拉框 2.编辑子下垃框前,通过父下垃框数据得到下垃项,然后绑定数据 所以这里要截取Grid的两个事件,编辑前事件和编辑后事件 我以前博客里有编辑前事件 即beforeedit 编辑后事件为 edi...
904 0
|
JavaScript
ASP.NET-FineUI开发实践-17
我又不用FineUI开发,所以FineUI项目经验等于0,最近在忙别的,所以也没工夫研究。积累了论坛和群里的问题,写下来留个备份 1.在grid可编辑单元格中,如果需要在点击该单元格时,单元格中所有文字内容全部选中的功能如何实现 引用地址 http://fineui.
1062 0
|
JavaScript
ASP.NET-FineUI开发实践-16(二)
实现那还差点,在事件参数里我传了一个boolall选中状态参数,这个参数由前台给的,RowSelect 传的是index 行号,就是改这,通过$符号来分开的, if (commandArgs.Length == 2) { OnRowAllSelect(new GridRowAllSelectEventArgs(bool.Parse(commandArgs[1].ToString()))); }    就是这个段代码干的事。
930 0
|
JavaScript 程序员
ASP.NET-FineUI开发实践-16(一)
还是基础的东西,grid全选没有事件,给加个事件,除了需要会复制粘贴外还要点推荐那!   第一步:原理  事件被触发,方法被实现。 对于全选事件,被触发有两种方式可写,一个是通过原生extjs方式触发,extjs就没有全选的事件,正常思路就是选择的行等于全部的行就触发了,这个方法听起来就恶心,所以还是放弃了;简单点写就是第二种方法直接通过点击触发,点了全选就触发全选事件了。
795 0
|
JavaScript
ASP.NET-FineUI开发实践-15
1.按条件控制Grid不可编辑     Grid编辑其实用到的不多...但是也有要控制权限或者其他条件不能编辑的情况其实挺简单,学过extjs的知道,我现在也只是写前台了,没有写到后台事件,有时间再说吧,如果条件是服务器判断可以参考官网的给行和列加样式的例子,轻轻点我就转到了 我这么好心就吧源码贴出来吧   1 F.
750 0
|
JavaScript
ASP.NET-FineUI开发实践-14
以前写过一个表格自动补全,改下,就出现了部分级联修改。测试版本4.1.1 共享下JS,ext-part2.js       后台再来个得到数据的方法就可以了。   1.方法还是删除+插入,主要在  if (record.
937 0
|
JavaScript 缓存 前端开发
ASP.NET-FineUI开发实践-13(二)
1.加图标和事件 上次已经通过DataSimulateTreeLevelField属性控制了树节点的显示,不用看也知道就是给指定列数据前面加个图标的HTML 可以在SimulateTreeHeper类里看到实现方法,不多说了,原理就是循环行累加上图片就可以了,注意图片的ID和样式 ...
871 0
|
JavaScript .NET 开发框架
ASP.NET-FineUI开发实践-12
1.网上找到了行合并的示例,extjs写的,我把它挪过来改了下,FineUI也能用,就是只能放着看,选择和编辑行扩展列没有测试,放出来大家看着用吧。 F.ready(function () { //方法span 参数(grid实例,行号,列...
743 0
|
JavaScript
ASP.NET-FineUI开发实践-11
我用实例项目写了个子父页面传值,算是比较灵活的写法,可以把js提取出来写成包,然后调用,我先一步一步写,为有困难的朋友打个样。 先画个页面: 上面是个查询用的表单,底下是表格,内存分页,用到了VBox布局注意BoxFlex属性的应用,页面还有一个window页面。
863 0
|
JavaScript .NET
FineUI开源版(ASP.Net)开发实践-目录
点我订阅   目前所有博客的截图,方便离线观看,点图片 FineUI初学手册 下载,实例项目搭建 FineUI初学手册-部分JS整理 部分JS整理 ASP.NET-FineUI开发实践-1 实际开发环境是FineUI 4.
1039 0
相关实验场景
更多
推荐文章
更多