i am so sorry trouble you… but very thanks for helping me…
i use a popup show a tabbar .and one tab show the grid.and the grid is show ,
but when i click one row ,the popup hide.but i don’t hope the popup hide.and i wanna edit the cell value .
could you help me …
<!DOCTYPE html>
<html>
<head>
<title>Attach tabbar</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="stylesheet" type="text/css" href="../../../codebase/dhtmlx.css"/>
<script src="../../../codebase/dhtmlx.js"></script>
<style>
#myToolbar {
margin: 10px;
}
</style>
<script>
var myToolbar;
var myPop;
var myTabbar;
var myform;
var myGrid;
function doOnLoad() {
myToolbar = new dhtmlXToolbarObject({
parent: "myToolbar",
icons_path: "../common/imgs/",
xml: "../common/toolbar.xml",
onload: function() {
myToolbar.setItemText("workbut", "Tabbar");
myPop = new dhtmlXPopup({ toolbar: myToolbar, id: "workbut" });
myPop.attachEvent("onShow", function(){
if (!myTabbar) {
myTabbar = myPop.attachTabbar(350, 300, {
xml: "../common/tabbar.xml"
});
}
myTabbar.attachEvent("onXLE", function(){
myform = myTabbar.tabs("a1").attachForm();
myform.loadStruct("form.json");
myGrid = myTabbar.tabs("a2").attachGrid(350,300);
myGrid.setImagePath("../../../codebase/imgs/")
myGrid.setImagePath("../../../codebase/imgs/");
myGrid.setHeader("Sales,Book Title,Author,Price,In Store,Shipping");
myGrid.attachHeader(" ,#text_filter,#select_filter, ,#cspan,#cspan");
myGrid.setInitWidths("50,150,120,80,80,80,80,200");
myGrid.enableAutoWidth(true);
myGrid.setColAlign("right,left,left,right,center,left");
myGrid.setColTypes("dyn,ed,ed,price,ch,co");
myGrid.getCombo(5).put(2,2);
myGrid.setColSorting("int,str,str,int,str,str");
myGrid.init();
myGrid.enableSmartRendering(true);
myGrid.load("../common/500.xml");
});
});
}
});
}
</script>
</head>
<body onload="doOnLoad()">
<div id="myToolbar"></div>
</body>
</html>