extjs - 随笔分类 - rpoplar

表单设计平台主要功能截图介绍

摘要：最近一些网友再问设计器界面的一些功能，这里做一个简单截图描述。设计器总体来说功能比较强大，几乎可以设计覆盖很多业务场景的表单功能。比如常用的——出差申请、出差报销、员工请假、通讯录、社会调查报告、满意度评价、投票活动、公文填报、以及最近疫情需要的打卡功能等等。。。只要能想到的几乎都可以实现！！！系统阅读全文

posted @ 2020-03-11 21:39 rpoplar 阅读(1000) 评论(0) 推荐(0) 编辑

基于Extjs的web表单设计器第七节——取数公式设计之取数公式的使用

摘要：基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第三节——控件拖放基于Extjs的web表单设计器第四节——控件拖放基于Extjs的web表单设计器第五节——数据库设计基于Extjs的web表... 阅读全文

posted @ 2015-05-03 23:27 rpoplar 阅读(2646) 评论(6) 推荐(2) 编辑

基于Extjs的web表单设计器第七节——取数公式设计之取数公式定义

摘要：基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第三节——控件拖放基于Extjs的web表单设计器第四节——控件拖放基于Extjs的web表单设计器第五节——数据库设计基于Extjs的web表... 阅读全文

posted @ 2015-04-25 10:07 rpoplar 阅读(1826) 评论(7) 推荐(2) 编辑

基于Extjs的web表单设计器第六节——界面框架设计

摘要：基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第三节——控件拖放基于Extjs的web表单设计器第四节——控件拖放基于Extjs的web表单设计器第五节——数据库设计基于Extjs的web表... 阅读全文

posted @ 2015-04-06 17:38 rpoplar 阅读(3860) 评论(6) 推荐(2) 编辑

基于Extjs的web表单设计器第五节——数据库设计

摘要：这里列出表单设计器系列的内容，6、7、8节的内容应该在春节后才有时间出了。因为这周末就请假回老家了，准备我的结婚大事。在此提前祝大家春节快乐！基于Extjs的web表单设计器基于Extjs的web表单设计器第一节基于Extjs的web表单设计器第二节——表单控件设计基于Extjs的web表单设计器第... 阅读全文

posted @ 2015-02-05 08:19 rpoplar 阅读(4597) 评论(10) 推荐(2) 编辑

基于Extjs的web表单设计器第四节——控件拖放

摘要：接着上一节介绍控件拖放的设计。通过前面的介绍知道，我们的区域类型的容器控件有三种：Card、Table、Mixed。 Card 可以支持几乎所有的常用控件，包括：文本TextField、多文本TextArea、数字NumberField、金额NumberField、日期DateField、... 阅读全文

posted @ 2015-01-27 23:43 rpoplar 阅读(5427) 评论(9) 推荐(3) 编辑

基于Extjs的web表单设计器第三节——控件拖放

摘要：看过之前设计器截图的朋友应该有印象，可能会发觉我们的设计器UI设计布局其实类似Visual studio 的设计界面，采用的是左、中、右三个区域布局。左侧为控件区域、中间为表单的画布设区域、右侧为属性区域。这样的UI设计肯定就得支持控件的拖拽设计，用户只要拖放一个控件到我们的画布上，那么画布就应... 阅读全文

posted @ 2015-01-24 23:24 rpoplar 阅读(4488) 评论(12) 推荐(0) 编辑

基于Extjs的web表单设计器第二节——表单控件设计

摘要：这一节介绍表单设计器的常用控件的设计。在前面两章节的附图中我已经给出了表单控件的两大分类：区域控件、常用控件。这里对每个分类以及分类所包含的控件的作用进行一一的介绍，因为它们很重要，是表单设计器的基本元素，更是核心组成部门。一、区域控件，它主要包含三个类型的控件：卡片区域、表格区域、混合... 阅读全文

posted @ 2015-01-23 22:16 rpoplar 阅读(4216) 评论(8) 推荐(0) 编辑

基于Extjs的web表单设计器第一节

摘要：前面一节介绍了表单设计器的背景和最终的大概样式，本节主要介绍表单设计器的需求及功能设计。在讲需求之前先明确几个常用的概念：主表或者卡片表——具有多行多列的一个区域的控件块，如下图所示。明细表——就是常用的表格类型的控件块，表头信息就确立了该列的数据类型，如下图所示。卡片式的表：指的是一个表单模板... 阅读全文

posted @ 2014-10-22 16:23 rpoplar 阅读(3439) 评论(7) 推荐(3) 编辑

基于Extjs的web表单设计器

摘要：由于这样工作和自身的一些原因很长一段时间没有写过博客了。最近想把自己前面一段时间搞出的一个表单设计器的相关经验或者经历记录下来、分享给大家，也算是对自己前2个月的一个总结回顾吧。首先介绍一下开发此版本的表单设计器的原因及背景。该项目是公司为中国某大型国有企业开发网上经费报销系统，主要是处理改... 阅读全文

posted @ 2014-10-19 22:41 rpoplar 阅读(6516) 评论(9) 推荐(5) 编辑

extjs gridpanel cell-tip

摘要：gridpanel有时单元格内容太长显示不完全，可以弄个tip显示，具体实现如下：在每个列的render函数加上一个js函数来完成。......<ext:Column Tooltip="Description" Header="Description" DataIndex="Description"><Renderer Fn="showTip" /></ext:Column>...... function showTip(v, p) { //p 单元格， v单元格值； p.att 阅读全文

posted @ 2012-12-02 21:13 rpoplar 阅读(411) 评论(0) 推荐(0) 编辑

Ext.net 显示CheckBox的TreeGrid

摘要：在Ext.netVersion 1.5（http://examples1.ext.net/）中，当需要展示具有层级关系而且具有多个属性的数据集合的时候，TreeGrid是一个不错的选择。但是这该版本中的TreeGrid并不像TreePanel一样提供了CheckBox在UI界面中，因此即使你在后台设置了TreeNode的Checked属性，仍然不会看到有CheckBox在树的节点中显示。但是我们需要这个功能，怎么办呢？查阅了很多资料，看到Ext.Net Forums上有一些人也遇到了相似的问题，但是在该版本中要实现该功能他们对TreeGrid进行了重构，修改了extjs中treegrid的j. 阅读全文

posted @ 2012-11-21 23:23 rpoplar 阅读(729) 评论(0) 推荐(0) 编辑

Ext.Net Mask

摘要：ext.net中经常在加载数据的时候需要显示一个mask来提示用户当前进行的处理，在GridPanel等控件中有LoadMask可以进行设置，但是在一些空间比如Combbox就没有提供，这个时候只能根据Loader来监听事件进行处理。可以通过BeforeLoad来显示Mask，Load之后来隐藏Mask。如果要显示在这个页面上，可以通过Ext.getBody().mask("数据加载中...");Ext.getBody().unmask("数据加载中..."); 来显示和隐藏Mask。如果显示在控件上可以根据获取控件名称：比如空间名称为"Co 阅读全文

posted @ 2012-11-12 15:51 rpoplar 阅读(704) 评论(0) 推荐(0) 编辑

Ext.net TreeGrid

摘要：系统中常会面临处理一些具有多属性列的而且具有层级关系的数据项，Ext.Net中这种情况下一个比较好的选择就是使用TreeGrid来处理。TreeGrid其实是对TreePanel的继承和扩展，一次他的数据源是不支持Store来绑定的，而是通过TreeNode的集合，每个TreeNode通过添加CustomAttributes的ConfigItem来扩展显示的列属性。通过配置TreeGrid的TreeLoader来加载业务中的数据。下面给出一个简单的样例代码：前台HTML 1 <ext:TreeGrid ID="TG" runat="server" 阅读全文

posted @ 2012-11-06 22:46 rpoplar 阅读(1779) 评论(1) 推荐(0) 编辑

extjs 设置TreePanel CheckBox三态选中

摘要：对于TreePanel的Node我们需求是：1.选中某个节点A的CheckBox，节点A的所有子节点全部选中；2.节点A的所有子节点如果都选中，则A节点选中；3.节点A的某些节点选中，某些节点不选中，则A节点处于半选状态。如下图所示：如何来实现呢？研究发现TreePanel的节点的Checkbox可发现通过node.getUI().checkbox可以获取到checkbox。设置checkbox的checked属性为true / false 可以设置checkbox选中或者非选择，那么三态的半选中状态如何设置呢？可以通过设置checkbox的indeterminate属性为true，check 阅读全文

posted @ 2012-08-29 22:19 rpoplar 阅读(4082) 评论(0) 推荐(0) 编辑

Extjs 设置Treepanel 通过路径选中节点

只有注册用户登录后才能阅读该文。

posted @ 2012-08-29 21:33 rpoplar 阅读(82) 评论(0) 推荐(0) 编辑

Ext.Net 中MultiSelect插入数据

摘要：Ext.Net开发中有时用到类似ListBox的MultiSelect控件。有时候需要将一写数据添加到MultiSelect中，这个时候如何处理呢？首先了解一下MultiSelect的工作方式，它会在创建的时候自动加载一个Store，这个Store的Record包含两个Field：Text和Value。因此我们可以按照以下处理方式来添加MultiSelect的Items：View Code 1 function GetFormulaItems() { 2 var data = new Array(); 3 // 4 构建初始数据数组 data 省略 5 ... 阅读全文

posted @ 2012-08-18 01:07 rpoplar 阅读(392) 评论(0) 推荐(0) 编辑

Asp.net开发中在TextBox指定光标处插入字符串

摘要：最近项目开发中涉及到一个公式编辑器功能，其中一个功能就是需要对Asp.net 中的TextBox（ExtJs中的TextField 或者TextArea）进行光标处插入字符串的功能。开始发现很难处理，不像在桌面开发中很容易获取光标位置然后进行插入字符处理。查阅资料发现在web开发中也提供能相关处理的功能，现在分享给他家。插入字符串函数function InsertValue(str) { var tbFormula = document.getElementById("Formula"); if (document.selection) { tbFormula.f... 阅读全文

posted @ 2012-08-18 00:50 rpoplar 阅读(691) 评论(0) 推荐(0) 编辑

extjs TreePanel 加载数据后默认选中第一个孩子并展开子级

摘要：<ext:TreePanel ID="BudgetTree" runat="server" Title="科目分类" RootVisible="false" UseArrows="true" AutoScroll="true" Animate="true" Width="220" Split="true" Region="West"> <Root> <ext:Asyn 阅读全文

posted @ 2012-08-01 15:16 rpoplar 阅读(1059) 评论(0) 推荐(0) 编辑

ext.net 消息框

摘要：ExtJs 自定义消息框语法： Ext.MessageBox.show(Object config); config属性说明：title : 消息框标题栏msg:消息内容width:消息框的宽度multiline: 是否显示多行文本closable:是否显示关闭按钮buttons:按钮icon:图标fn:回调函数使用实例 1 var successHandler = function () { 2 Ext.MessageBox.show( 3 { 4 title: "提示", 5 ... 阅读全文

posted @ 2012-07-04 10:46 rpoplar 阅读(292) 评论(0) 推荐(0) 编辑

Write the code ,change the world.

随笔分类 - extjs

公告