| 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()"
CssClass="marginr">
function select8() {
F('<% =DropDownList1.ClientID %>').setValue('Value8');
}
|
设置控件的值 |
表单元素 |
| 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 () {
F('<% =Tree1.ClientID %>').on('checkchange', function (node, checked) {
//node 当前触发的节点 checked 是否选中
//父节点选中 注意set方法直接设置属性，而不是checked = true ，set会触发一系列操作
//这种写法不会触发父节点的选中后台事件，而会触发当前节点的后台事件
node.parentNode.set("checked", 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 |
客服电话
APP下载
官方微信
请发表评论