FineUI开源版(ASP.Net)初学手册-部分JS整理
有人老找JS,我吧FineUI自己写的JS沾过来方便大家看看,在实现前端的时候更灵活
JS | 实例 | 注释 | 控件 |
F.ready | F.ready(function(){}); | 就是ready 很多方法都在这里写,写在页面后 | 无 |
F.alert | F.alert('提示') | FineUI 的提示框 | 无 |
F.confirm | confirm: function (targetName, title, msg, okScript, cancelScript, iconShortName) { | 确认对话框 | 无 |
F.customEvent | F.customEvent(data) |
向后台回发 参数为数据 用PageManager接收 , 子页面回发父页面就是parent.F.customEvent(参数) |
通用 |
F('ID') | 选择器,返回控件实例 | 无 | |
f_setTitle | F('Panel1').f_setTitle('新的标题')(f_setTitle没有效果就用setTitle) | 设置控件的title 需要 this.f_state['Title']; | 通用 |
f_setCollapse | F('Panel1').f_setCollapse(); | 控制这折叠 需要 this.f_state['Collapsed']; | Panel |
f_isCollapsed | F('Panel1').f_isCollapsed(); | 判断是否折叠 | Panel |
f_setChecked | F('CheckBox').f_setChecked(); | 控制选中状态 Checked =true | CheckBox |
f_setValue |
F('text').f_setValue('值') (同理 获取就是getValue注意大小写,注意getValue没有f_,最新的4.2.2没有) <f:DropDownList runat="server" ID="DropDownList1" FocusOnPageLoad="true">... <f:Button ID="Button1" Text="选中[可选择项8]" runat="server" OnClientClick="select8()" function select8() { |
设置控件的值 | 表单元素 |
getValue | F('DropDownList1').getValue() | 返回控件的值 | 表单元素 |
enableRegEx | F('DropDownList1').enableRegEx=true | 启用模糊查询 | 表单元素 |
f_setLabel | F('text'). f_setLabel('显示值') | 设置输入框表单的lable | 表单元素 |
f_getSelectedValues | var values = F('CheckboxGroup').f_getSelectedValues(); | 返回 CheckboxGroup的值["value1", "value2", "value3"] | CheckboxGroup |
f_loadData | F('ComboBox1').f_loadData(data); | 重置 ComboBox1 的数据源 | ComboBox |
f_getTextByValue | F('ComboBox1').f_getTextByValue('值'); | 通过值获取ComboBox1的显示文字,默认当前数据源 | ComboBox |
listConfig.maxHeight |
var t = F('<% = DropDownList1.ClientID %>'); if(t.listConfig){t.listConfig={};} t.listConfig.maxHeight=100; |
修改下拉框最大高度,设置后生效 | ComboBox |
setText | F('Button1').setText('显示文字');(f_setText重写的方式不一样 By @长沙-雏鸟 )(checkbox的text是setBoxLabel) | 设置按钮的文字 | Button |
f_getData | F('Grid1').f_getData() | 得到当前表格数据,数据库查询是当前页表格 | Grid |
f_expandAllRows | F('Grid1').f_expandAllRows() panel 的 展开是 expand | 展开所有的行扩展列 | Grid |
f_collapseAllRows | F('Grid1').f_collapseAllRows() panel 的 折叠是 collapse | 隐藏所有的行扩展列 | Grid |
f_getSelectedCount | F('Grid1').f_getSelectedCount() | 获取选中的行数,或者单元格数(单元格编辑模式) | Grid |
f_selectRows | F('Grid1').f_selectRows(rows) | 选中某些行,默认读取SelectedRowIndexArray数据 | Grid |
f_selectAllRows | F('Grid1').f_selectAllRows() | 选中全部行 | Grid |
f_getSelectedRows | F('Grid1').f_getSelectedRows() | 获取选中的行 | Grid |
f_selectCell | F('Grid1').f_selectCell() | 选中单元格(AllowCellEditing)。默认获取 SelectedCell 数据 | Grid |
f_getSelectedCell | F('Grid1').f_getSelectedCell() | 获取选中的单元格(AllowCellEditing) | Grid |
f_getHiddenColumns | F('Grid1').f_getHiddenColumns() | 获取隐藏列的名称列表 | Grid |
f_getColumns | F('Grid1').f_getColumns() | 获取表格列 | Grid |
f_deleteSelected | F('Grid1').f_deleteSelected() | 从Store中删除选中的行(或者单元格) | Grid |
f_addNewRecord | F('Grid1').f_addNewRecord(data,true) | 添加一条新纪录 数据,是否显示在最底下 | Grid |
f_getDeletedRows | F('Grid1').f_getDeletedRows() | 获取删除的行索引(在原始的列表中) | Grid |
columns[N].setText | F('Grid1').columns[0].setText("就是好") | 设置表头显示 | Grid |
f_getCheckedNodes | F('Tree1').f_getCheckedNodes() | 获取选中的节点 | Tree |
f_getSelectedNodes | F('Tree1').f_getSelectedNodes() | 获取选择的节点 | Tree |
f_selectNodes | F('Tree1').f_selectNodes() | 设置选择节点,不接受参数 读SelectedNodeIDArray属性 | Tree |
parentNode | node.parentNode | 父节点,是个属性不是个方法,详见下面的实例 | Tree |
set() |
F.ready(function () { //node 当前触发的节点 checked 是否选中 |
直接设置属性,这里只涉及的Tree,又让我想到了封装属性,此处有淫笑声 |
Tree |
f_hide | F('window1').f_hide() | 隐藏(关闭)window | window(通用) |
hide | F("<%=panelMapMenuP.ClientID %>").hide(); | 隐藏panel | 通用 |
f_hide_refresh | F('window1').f_hide_refresh() | 隐藏刷新window | window |
f_show | F('window1').f_show(iframeUrl, windowTitle, width, height) | 显示窗体参数就不说了 | window(通用) |
show | F("<%=panelMapMenuP.ClientID %>").show(); | 显示panel | 通用 |
f_maximize | F('window1').f_maximize() | 设置最大化 | window |
markInvalid | F('<% =TextArea1.ClientID%>').markInvalid("写点啥吧"); | 表单字段验证【表单字段验证失败效果by@沈阳-Sunday】 | Form |
clearInvalid | F('<% =TextArea1.ClientID%>').clearInvalid(); | 清除表单字段验证失败效果 | Form |
startDay | F('<% =DatePicker1.ClientID%>').startDay = 1; | 一周开始时间,0 星期日 1 星期一 ... | Form.DatePicker |
setFieldLabel | F('<% =Label4.ClientID%>').setFieldLabel('11212'); | 表单修改Lable | Form |
completeEdit | F(grid).f_cellEditing.completeEdit(); | 强制完成正在编辑的单元格 | Grid |
startEditByPosition | F(grid).f_cellEditing.startEditByPosition({row:2,column2}); | 跟具坐标编辑的单元格 | Grid |
setActiveTab (f_setActiveTab 这个方法取 f_stat[ActiveTabIndex]e) |
F(tab).setActiveTab(index); | 通过index激活页签 | Tab |
f_getActiveTabIndex | F(tab).f_getActiveTabIndex(); | 得到当前激活的页签号 | Tab |
hideTab | F(tab).hideTab(tabId); | 隐藏选项卡 选项卡ID | Tab |
showTab | F(tab).showTab(tabId); | 显示选项卡 选项卡ID | Tab |
addTab | F(tab).addTab(id, url, title, closable); | 新增选项卡 选项卡ID,地址,名称,是否关闭? | Tab |
getTab | F(tab).getTab(tabId); | 得到选项卡 ID | Tab |
removeTab | F(tab).removeTab(tabId); | 移除选项卡 ID | Tab |
先收集这些,其他的就是extjs原生的,也有常用的一些方法慢慢加吧用的到的都加上,没有的去extjs api上看吧
FineUI开源版(ASP.Net)初学手册-部分JS整理相关推荐
- FineUI初学手册-部分JS整理
有人老找JS,我吧FineUI自己写的JS沾过来方便大家看看,在实现前端的时候更灵活 JS 实例 注释 控件 F.ready F.ready(function(){}); 就是ready 很多方法都在 ...
- FineUI开源版(ASP.Net)初学手册
女朋友鄙视我原创少... 1.下载 进入官方论坛: http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http ...
- FineUI开源版之TreeGrid实现
FineUI开源版是没有树表格的,但是又需要,怎么办呢?在博客园看到一位大大的文章 http://www.cnblogs.com/shiworkyue/p/4211002.html 然后参考,不知道为 ...
- FineUI开源版之TreeGrid(修改)
上篇文章中做了简单实现,但是还是有bug的,还需要在外面写事件的处理,今天又进行修改了. 下面放出代码,同样的 hzh modify标记的就是我进行修改的地方 grid.cs 添加代码 1 #reg ...
- FineUI初学手册
女朋友鄙视我原创少... 1.下载 进入官方论坛:http://www.fineui.com/bbs/ 要用到下载源代码和空项目下载 http://fineui.codeplex.com/ http: ...
- FineUI(开源版)v6.0中FState服务器端验证的实现原理
前言 1. FineUI(开源版)是完整开源,最早发起于 2008-04,下载全部源代码:http://fineui.codeplex.com/ 2. 你可以通过捐赠作者来支持FineUI(开源版)的 ...
- FineUI(开源版)v4.2.2发布(8年125个版本,官网示例突破300个)!
开源版是 FineUI 的基石,从 2008 年至今已经持续发布了 120 多个版本,拥有会员 15,000 多位,捐赠会员达到 1,200 多位. FineUI(开源版)v4.2.2 是 8 年 ...
- DotNetTextBoxV3.0在线编辑器控件Ver3.4.2 Open Source开源版
英文名:DotNetTextBox V3.0 WYSWYG Web Control For Asp.Net2.0/3.0/3.5 Open Source 中文名:DotNetTextBox V3.0 ...
- 【开源】接口管理平台eoLinker AMS 开源版3.1.5同步线上版!免费增加大量功能!...
概要:eoLinker是一个免费开源的针对开发人员需求而设计的接口管理工具,通过简单的操作来帮助开发者进行接口文档管理.接口自动化测试.团队协作.数据获取.安全防御监控等功能,降低企业的接口管理成本, ...
最新文章
- mysql 存储过程 定时_MySQL存储过程和定时任务
- 好书推荐 Beginning C# Objects
- mysql索引背后的数据结构及算法
- 小米Civi 1S获美女产品经理确认:依旧是最美小米机型
- iOS 设计中 网络请求之 同步请求(json 请求--新方法和老方法)
- pulsar学习笔记1:helloworld
- SFB 项目经验-29-批量-启用用户-启用企业语音-设置分机号(项目中)
- 程序员面试金典——9.8硬币表示
- OWASP Hakcing Lab在线漏洞环境
- 计算机组成原理 多级中断,计算机组成原理的大神们能不能帮忙做几道题啊
- Java服务端获取微信小程序openid(简单实现,搞懂原理)
- java udp发送速率_项目总结22:Java UDP Socket数据的发送和接收
- IEEE论文参考文献引用格式
- 【渗透测试基础-4】资产收集之nmap扫描
- 人工智能 行为主义 综述
- 获取海康摄像机/录像机rtsp视频流地址格式
- 02. 禁止修改 IP 上网 ❀ 飞塔 (Fortinet5.4) 防火墙
- 洛谷 P2141 珠心算测验
- 如何获取信息源、如何增长眼界?
- 如何让你开发的产品在同质化洪流中脱颖而出?