Hello,
i use dhtmlx 3.6 prof and try to intregate a form within a tab. The code for that is quite ez:
var b = main_layout.cells('b');
var CDataTABBar = b.attachTabbar();
CDataTABBar.addTab('TABBDATA', 'Business Data', '');
CDataTABBar.addTab('TABABDATA', 'Additional Business Data', '');
CDataTABBar.addTab('TABRating', 'Rating', '');
CDataTABBar.addTab('TABWorkout', 'Workout', '');
CDataTABBar.addTab('TABKYC', 'KYC', '');
CDataTABBar.addTab('TABKVG', 'KVG §14', '');
var TABBDATA = CDataTABBar.cells('TABBDATA');
var TABABDATA = CDataTABBar.cells('TABABDATA');
var TABRating = CDataTABBar.cells('TABRating');
var TABWorkout = CDataTABBar.cells('TABWorkout');
var TABKYC = CDataTABBar.cells('TABKYC');
var TABKVG = CDataTABBar.cells('TABKVG');
CDataTABBar.setTabActive('TABBDATA');
myForm = TABBDATA.attachForm(str);
CDataTABBar.cells("TABABDATA").attachObject("TABABDATA");
CDataTABBar.cells("TABRating").attachObject("TABRating");
CDataTABBar.cells("TABWorkout").attachObject("TABWorkout");
CDataTABBar.cells("TABKYC").attachObject("TABKYC");
var CDataTBar = b.attachToolbar();
CDataTBar.setIconsPath('dhtmlx/imgs/Toolbar/');
CDataTBar.setIconSize(16);
CDataTBar.addButton("edit", 0, "Edit", "edit_property-32.png");
CDataTBar.addButton("save", 1, "Save", "save-32.png");
CDataTBar.addButton("reset", 2, "Undo", "undo-32.png");
CDataTBar.addSeparator("sep01", 3);
CDataTBar.addButton("validate", 4, "Validate", "checked_checkbox-32.png");
CDataTBar.addButton("send", 5, "Send", "upload-32.png");
CDataTBar.setItemToolTip("edit", "Edit the current Counterpart");
CDataTBar.setItemToolTip("save", "Save changes");
CDataTBar.setItemToolTip("reset", "Undo all changes");
CDataTBar.setItemToolTip("validate", "Validate the current Counterpart");
CDataTBar.setItemToolTip("send", "Transfer all validated Counterparts");
var status_1 = b.attachStatusBar();
status_1.setText('Lastedit');
grid1 = new dhtmlXGridObject(myForm.getContainer("containerGrid1"));
grid1.setIconsPath('/dhhtmlx/imgs/');
grid1.setColumnHidden(5, true);
grid1.setHeader(["Lastname", "Firstname", "ZIP", "City", "Birthday", "CBASEID"]);
grid1.setColTypes("ed,ed,ed,ed,dhxCalendar,ro");
grid1.setColSorting('str,str,str,str,date,str');
grid1.setInitWidths("*");
grid1.init();
grid2 = new dhtmlXGridObject(myForm.getContainer("containerGrid2"));
grid2.setIconsPath('/dhhtmlx/imgs/');
grid2.setColumnHidden(3, true);
grid2.setHeader(["Lastname", "Firstname", "Birthday", "CBASEID"]);
grid2.setColTypes("ed,ed,dhxCalendar,ro");
grid2.setColSorting('str,str,date,str');
grid2.setInitWidths("*");
grid2.init();
grid3 = new dhtmlXGridObject(myForm.getContainer("containerGrid3"));
grid3.setIconsPath('/dhhtmlx/imgs/');
grid3.setColumnHidden(3, true);
grid3.setHeader(["Lastname", "Firstname", "Birthday", "CBASEID"]);
grid3.setColTypes("ed,ed,dhxCalendar,ro");
grid3.setColSorting('str,str,date,str');
grid3.setInitWidths("*");
grid3.init();
myForm.attachEvent("onXLE", function () {
var value = myForm.getItemValue("LastChangeDate");
status_1.setText("Last Loading/Change: " + value);
});
sgrid.attachEvent('onRowSelect', function (id, ind) {
myForm.load('BMDDATA.ashx?id=' + id);
});
sgrid.attachEvent("onXLE", function (grid_obj, count) {
var count = sgrid.getRowsNum();
if (count != 0) {
sgrid.selectRow(0);
var id = sgrid.cells(sgrid.getSelectedRowId(), 0).getValue();
myForm.load('BMDDATA.ashx?id=' + id);
}
else {
myForm.clear();
}
});
where str is absolut vaild. As long i go with ie10,chrome or FF all works well. As soon i switch to ie8 i run into:
myForm is undefined
.
What i’m missing here?
Best Regards,
Uwe
