标签：was back ... incr day scroll radio 后端 add
Foundation Services
Foundation Components
Event Handling
Controls
Forms
Grids
Trees
Layout
DataBinding
Themes/Skins
SmartClientServer //包含Java类库的集成后端 Analytics Real-Time Messaging Network Performance
isc.Label.create({ ID: "helloWorldLabel", contents: "hello world" });
var helloWorldLabel = isc.Label.create({ contents: "Hello World" });
isc.Label.create({ top: 10, //int，相对于该组件的container left: 10, width: 10, //int | string "50%", 默认100 contents: "hello world", overflow: "hidden | scroll | auto", position: "relative | absolute | fixed" //默认absolute，相对于该组件的container });
autoDraw: true | false; //默认TRUE，即create即显示，如果FALSE，则需要js控制： hiddenBtn.show(); show(); hide(); eg. isc.Button.create({ ID: ‘hiddenBtn‘, title: ‘Hidden‘, autoDraw: false });
click recordClick change tabSelected eg. isc.Button.create({ ID: "clickBtn", title: "click me", click: function(){}, click: "isc.warn(‘button was clicked‘)", click: "clickFn()" }); function clickFn() {......}
//网格的形式显示 isc.ListGrid.create({ ID: "contactList", left: 50, top: 50, width: 300, fields: [ {name: "salutation", title: "Title"}, //name 是关联数据库中的value，title是显示文字（在表单控件中是作为label显示，在button中是作为button上的文字显示） {name: "firstname", title: "First Name"} ] }); data: [ {salutation: "Ms", firstname: "Kathy"}, {salutation: "Ms", firstname: "Kathy"}, ]; //DynamicForm的格式显示 isc.DynamicForm.create({......同上});
dataSource共存，行使不同的职责（ 表单字段（field）或者说控件的默认类型（editorType）是text ） //editorType： text select date checkbox radioGroup textArea isc.DynamicForm.create({ ID: "contactForm", ......, fields: [ {name: "salutation", title: "Title", editorType: "select"}, {name: "firstname", title: "First Name", editorType: "date"}, {name: "gender", title: "gender", editorType: "radioGroup", valueMap: ["female", "male"]} //valueMap 是数组形式的radio的选项显示文字 ] });
<DataSource ID="contactsDS">
<fields>
<field primaryKey="true" name="id" hidden="true" type="sequence" />
<field name="salutation" title="Title" type="text" >
<valueMap>
<value>Ms</value>
<value>Mr</value>
<value>Mrs</value>
</valueMap>
</field>
<field name="firstname" title="First Name" type="text" />
<field name="lastname" title="Last Name" type="text" />
<field name="birthday" title="Birthday" type="date" />
<field name="employment" title="Status" type="text">
<valueMap>
<value>Employed</value>
<value>Unemployed</value>
</valueMap>
</field>
<field name="bio" title="Bio" type="text" length="2000" />
<field name="followup" title="Follow up" type="boolean" />
</fields>
</DataSource>
<isomorphic:loadDS ID="contactsDS" />
<%@ taglib uri="isomorphic" prefix="isomorphic" %>
<HTML>
<HEAD>
<isomorphic:loadISC />
</HEAD>
<BODY>
<SCRIPT>
<isomorphic:loadDS ID="contactsDS" />
isc.ListGrid.create({
ID: "contactsList",
left: 50, top: 50,
width: 500,
dataSource: contactsDS
});
isc.DynamicForm.create({
ID: "contactsForm",
left: 50, top: 200,
width: 300,
dataSource: contactsDS
});
</SCRIPT>
</BODY>
</HTML>
Field attribute Form control valueMap provided SelectItem (dropdown) type:"boolean" CheckboxItem (checkbox) type:"date" DateItem (date control) length > 255 TextAreaItem (large text box)
//以下方法均包含可选三个参数：dataObject，callback，propertiseObject fetchData(); filterData(); addData(); updateData(); removeData(); //使用方法: 1)直接在数据源中使用 2）直接在组件做数据绑定的时候使用 contactDS.addData( {salutation: "Mr", firstname: "Steven", lastname: "Hua"}, "say("hello")", {prompt: "add new contact..."} ); or contactsList.fetchData( {lastname: "nihao"} );
editRecord();
editNewRecord();
saveData();
标签：was back ... incr day scroll radio 后端 add
原文地址：http://www.cnblogs.com/hihao/p/7896941.html
