Start Building Professional
Web Apps Today

add checkbox in comboin my code

Hello,

this is my html file and i want to add checkbox in my combobox[#connector_select_filter) and also if i will select the the checkbox then it will filtered the result as per the checkbox please help me about this code i have one more code to show checkbox in combobox but i m not applied that code in my code . please send me the link or code so i will implemnet that code in my project.


<div id="gridbox" width="350px" height="550px" style="background-color:white;overflow:hidden"></div>
<script>
mygrid = new dhtmlXGridObject('gridbox');
mygrid.setImagePath("../common/imgs/");
mygrid.setHeader("Column A, Column B");
mygrid.attachHeader("#connector_select_filter,#connector_select_filter")
mygrid.setInitWidths("100,*")
mygrid.setColTypes("edtxt,ed");
mygrid.setColSorting("connector,connector")
mygrid.enableSmartRendering(true)
mygrid.enableMultiselect(true)
mygrid.init();
mygrid.loadXML("05a_select_filter_connector.php");
var dp = new dataProcessor("05a_select_filter_connector.php");
dp.init(mygrid);
</script>



<?php
require_once("../config.php");
$res=mysql_connect($mysql_server,$mysql_user,$mysql_pass);
mysql_select_db($mysql_db);
require("../../codebase/grid_connector.php");



$grid = new GridConnector($res);
$grid->enable_log("temp.log",true);
$grid->dynamic_loading(100);


$grid->render_table("grid50","item_id","item_nm,item_cd");
?>



i have thhis code for showing combobox with checkbox but no event occur
script>

window.dhx_globalImgPath = "../../codebase/imgs/";

</script>
<link rel="STYLESHEET" type="text/css" href="../../codebase/dhtmlxcombo.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxcombo.js"></script>
<script src="../../codebase/ext/dhtmlxcombo_extra.js"></script>


<h3>Image Select</h3>
<div id="combo_zone2" style="width:200px; height:30px;"></div>
<h3>Checkbox Select</h3>
<div id="combo_zone3" style="width:200px; height:30px;"></div>
<script>

var z = new dhtmlXCombo("combo_zone2", "alfa2", 200, 'image');
z.setDefaultImage("../common/images/book.gif");
z.loadXML("../common/data_03_options.xml");
var z = new dhtmlXCombo("combo_zone3", "alfa3", 200, 'checkbox');
z.addOption([[1, 1111], [2, 2222], [3, 3333], [4, 4444], [5, 5555]]);

</script>



please give me some other code so that code i will aplpply in my above code. please reply me as soon as poosible.


and thanks for all the below reply

Unfortunately inbuilt select filters for server side filtering hasn't got such functionality. You can implement custom select boxes at the header. Please find example here http://www.dhtmlx.com/docs/products/dhtmlxGrid/samples/14_loading_big_datasets/01_50000.html