チェックボックスで選択できる、関連する利用可能なオプションのリストを含むフォームが必要です。オプションの数は非常に多くなる可能性があり、各フォーム レコードには独自のオプション セットがあります。選択したオプションは、送信ごとに変更される場合があります。
私は PHP サーバーで JSON データソースを使用しているため、SmartClient クライアント側のみを使用しています。
利用可能なサンプルを使用して canvasItem を作成しましたが、次の 2 つの問題が
あります。
2. canvasItem の変更はフォーム送信に含まれません。
ここに私のテスト コードがあります:
dataSource コード。
isc.DataSource.create({
ID:"PointDetlData",dataFormat:"json",idField: "NodeId",
fields:[{name:"NodeId",primaryKey:true,type:"integer",title:"Node Id"},
{name:"RowId",title:"Row",canEdit:"false"},
{name:"Code",title:"Product",canEdit:"false"},
{name:"Name",title:"Details",canEdit:"false"},
{name:"Sel",type:"boolean",title:"Assign"}],
operationBindings:[{operationType:"fetch", dataURL:"dsdet.json"},
{operationType:"update",dataURL:"updateTestDetail.php"}]
});
isc.DataSource.create({
ID:"PointData",dataFormat:"json",idField: "NodeId",
fields:[{name:"NodeId",primaryKey:true,type:"integer",title:"Node Id"},
{name:"PointId",type:"integer",title:"PointId"},
{name:"CompanyNodeID",title:"Company"},
{name:"Level",title:"Node Type"},
{name:"Name",title:"Name"},
{name:"items[]",title:"Order Items",multiple:"true",type:"PointDetlData"}],
operationBindings:[{operationType:"fetch", dataURL:"ds.json"},
{operationType:"update",dataURL:"updateTest.php"}]
});
canvasItem 定義
isc.ClassFactory.defineClass("GridEditorItem", "CanvasItem");
isc.GridEditorItem.addProperties({
height:"*", width:"*",
rowSpan:"*", endRow:true, startRow:true,
shouldSaveValue:true,
createCanvas : function () {
return isc.ListGrid.create({
autoDraw:false,
ID:"exampleFormGrid",
width:this.width, height:this.height,
leaveScrollbarGaps:false,
dataSource:this.gridDataSource,
fields:this.gridFields,canEdit:true,modalEditing:true,
saveLocally:true,autoSaveEdits:false,
cellChanged : function () {
this.canvasItem.saveValue(this.data);
if (this.canvasItem.gridSortField != null)
{this.sort(this.canvasItem.gridSortField);}
},
dataArrived : function () {this.canvasItem.showValue(null, this.canvasItem.getValue());},
selectionUpdated : function (record) {
var item = this.canvasItem;
if (record == null) item.storeValue(null);
else item.storeValue(record[item.name]);
},
refreshData : function (filter) {if (typeOf(filter) != null) this.fetchData(filter);}
});
},
showValue : function (displayValue, dataValue) {
if (this.canvas == null) return;
var record = this.canvas.data.find(this.name, dataValue);
if (record) this.canvas.selection.selectSingle(record)
else this.canvas.selection.deselectAll();
}
});
の dynamicForm コード。
isc.DynamicForm.create({
ID: "exampleForm", autoDraw:true,
width: 700, height: 350, position:"relative",
dataSource:"PointData",
fields: [{name:"NodeId" },
{name:"PointId" },
{name:"items[]",
width:350,
colSpan:2,showTitle:false,
editorType:"GridEditorItem",
gridDataSource:"PointDetlData",
gridFields:[{name:"RowId"},{name:"Code"},{name:"Name"},{name:"Sel"}],
gridSortField:"RowId"},
{name:"Level"},{name:"Name"},
{editorType:"SubmitItem", title:"Save"}]
});
exampleForm.fetchData({NodeId:4});
SmartClient 8.1/LGPL Deployment (ビルド 2011-08-02) と Firefox 8.0 ブラウザーを使用しています。
1055 次
1 に答える
1
Q1.フォームのデータソースでデータを取得すると、キャンバスアイテムのデータソースが取得されません。
サーバー側の SmartClient を使用する場合は、2 つのデータソースを結合するため、一方を更新すると両方が更新されます。それ以外の場合は、手動で取得する必要があります。
Q2. canvasItem の変更は、フォーム送信には含まれません。
現在 isc.GridEditorItem.addProperties にある関数を次のように置き換えます。
selectionUpdateTest : function (iRowId,sStoreArray) {
var outArray = new Array();
var bFound = false;
if (sStoreArray ==undefined) { bFound = false;}
else {
for (var i = 0;i <sStoreArray.length;i++) {
if (sStoreArray[i] == iRowId)
bFound = true;
else
outArray[outArray.length] = sStoreArray[i];
}
}
if (!bFound)
outArray[outArray.length] = iRowId;
return outArray;
},
selectionUpdated : function (record) {
var item = this.canvasItem;
if (record == null)
item.storeValue(null);
else
item.storeValue(this.selectionUpdateTest(record.RowId,item.getValue()));
},
于 2012-02-29T21:14:58.730 に答える