Hello,
I am having trouble with the dataprocessor and the context menu. I have a grid with a context menu linked to the last three columns. When I make a selection in the context menu i want my database to update the respective column with the choice from the context menu. I have looked through firebug and it seems to be skipping right over the dataprocessor code and going straight to my pop up message at the end of the function. Anyone have any ideas?
Thanks.
Hi,
could you provide complete demo?
Here is the full code.
/* dhtmlx style overrides */ .dhtmlxMenu_dhx_skyblue_Middle.in_layoutcell { background-image:url("/images/dhxmenu_dhx_skyblue/dhxmenu_bg_acccell.gif"); } .dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected { background-image:url("/images/dhxmenu_dhx_skyblue/dhxmenu_topselbg.gif"); } div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected { background-image:url("/images/dhxmenu_dhx_skyblue/dhxmenu_subselbg.gif") !important; } div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon div.sub_sep { background-image: url("/images/dhxmenu_dhx_skyblue/dhxmenu_subsepbg.gif"); } .dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_btns div.dhtmlx_wins_btns_button { background-image:url("/images/dhxwins_dhx_skyblue/buttons.gif"); } .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue { background-image:url("/images/dhtmlxcalendar_dhx_skyblue/bg_main.png"); } .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_label, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell { background-image: url("/images/dhtmlxcalendar_dhx_skyblue/bg_days.png"); } .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left { background-image: url("/images/dhtmlxcalendar_dhx_skyblue/arrow_left.png"); } .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover { background-image: url("/images/dhtmlxcalendar_dhx_skyblue/arrow_left_hover.png"); } .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right { background-image: url("/images/dhtmlxcalendar_dhx_skyblue/arrow_right.png"); } .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover, .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover { background-image: url("/images/dhtmlxcalendar_dhx_skyblue/arrow_right_hover.png"); }Sorry about the huge post I made. Haven’t used this forum much so i didn’t know there was a way to embed the code. I edited the code down to make it easier for everyone to help me.
Here is the javascript:
[code]
/* dhtmlx style overrides */ div.gridbox_modern .xhdr { background-image: url("images/skin_modern_header.png"); } div.gridbox_clear div.topMumba { background-image: url("images/skinC_header.png"); } div.gridbox_clear div.bottomMumba { background-image: url("images/skinD_header.png"); } div.gridbox_dhx_skyblue div.ftr td { background-image: url("images/sky_blue_grid.gif"); } div.gridbox_xp .xhdr { background-image: url("images/header_bg_60.gif"); } div.gridbox_xp table.hdr td { background-image: url("images/header_bg_60.gif"); } div.gridbox_mt .xhdr { background-image: url("images/header_bg.gif"); } div.gridbox_mt table.hdr td { background-image:url("images/header_bg.gif"); } div.gridbox_light .xhdr { background-image: url("images/skin_light_header.png"); } div.gridbox_light table.hdr { background-image: url("images/skin_light_header.png"); }.dhtmlxMenu_dhx_skyblue_Middle.in_acccell,
.dhtmlxMenu_dhx_skyblue_Middle.in_layoutcell {
background-image: url("images/dhxmenu_dhx_skyblue/dhxmenu_bg_acccell.gif");
}
.dhtmlxMenu_dhx_skyblue_TopLevel_Item_Selected {
background-image: url("images/dhxmenu_dhx_skyblue/dhxmenu_topselbg.gif") !important;
}
.dhtmlxMenu_dhx_skyblue_Middle div.top_sep {
background-image: url("images/dhxmenu_dhx_skyblue/dhxmenu_topsepbg.gif");
}
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon div.sub_sep {
background-image: url("images/dhxmenu_dhx_skyblue/dhxmenu_subsepbg.gif");
}
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
background-image: url("images/dhxmenu_dhx_skyblue/dhtmlxmenu_subar.gif");
}
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected {
background-image:url("images/dhxmenu_dhx_skyblue/dhxmenu_subselbg.gif") !important;
}
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon div.sub_sep {
background-image: url("images/dhxmenu_dhx_skyblue/dhxmenu_subsepbg.gif");
}
div.dhtmlxMenu_SubLevelArea_Item_Arrow_Loading {
background-image: url("images/dhxmenu_dhx_skyblue/dhtmlxmenu_loader.gif");
}
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Arrow div.dhtmlxMenu_SubLevelArea_Arrow_Icon {
background-image: url("images/dhxmenu_dhx_skyblue/dhtmlxmenu_upar.gif");
}
div.dhtmlxMenu_dhx_skyblue_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon{
background-image: url("images/dhxmenu_dhx_skyblue/dhtmlxmenu_chrd.gif");
}
.dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row {
background-image:url("images/dhx_skyblue/bg_top.png");
}
.dhx_tabbar_zone_bottom .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row {
background-image:url("images/dhx_skyblue/bg_bottom.png");
}
.dhx_tabbar_zone_left .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url("images/dhx_skyblue/bg_left.png");
}
.dhx_tabbar_zone_right .dhx_tabbar_zone_dhx_skyblue .dhx_tabbar_row{
background-image:url("images/dhx_skyblue/bg_right.png");
}
div.dhx_tabbar_zone_dhx_skyblue div.dhxcont_sb_container div.dhxcont_statusbar{
background-image: url("images/dhx_skyblue/dhxlayout_bg_sb.gif");
}
.dhtmlx_skin_dhx_skyblue div.dhxcont_sb_container div.dhxcont_statusbar{
background-image: url("images/dhxwins_dhx_skyblue/statusbar_bg.gif");
}
div.gridbox_dhx_skyblue .xhdr {
background-image:url("images/dhtmlx/grid/sky_blue_grid.gif");
}
div.gridbox_dhx_skyblue table.hdr tr{
background-image:url("images/dhtmlx/grid/sky_blue_grid.gif");
}
body:nth-of-type(1) div.gridbox_dhx_skyblue table.hdr tr{
background-image:url("images/dhtmlx/grid/sky_blue_grid.gif");
}
div.gridbox_dhx_skyblue table.obj tr.rowselected td{
background-image:url(images/dhtmlx/grid/sky_blue_sel2.png);
}
div.gridbox_dhx_skyblue table.obj.row20px tr.rowselected td{
background-image:url(images/dhtmlx/grid/sky_blue_sel.png);
}
div.gridbox_dhx_skyblue table.obj tr td.rowselector div.rowselector2{
background-image: url("images/dhxgrid_dhx_skyblue/rowselector.png");
}
div.gridbox_dhx_skyblue table.obj tr td.rowselector div.rowselector2 div.rowselector3 {
background-image: url("images/dhxgrid_dhx_skyblue/rowselector.png");
}
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rowselector div.rowselector2 div.rowselector4 {
background-image: url("images/dhxgrid_dhx_skyblue/arrow.png");
}
div.gridbox_dhx_skyblue table.obj tr.rowselected td.rowselector.editmode div.rowselector2 div.rowselector4 {
background-image: url("images/dhxgrid_dhx_skyblue/asteriks.png");
}
.dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_btns div.dhtmlx_wins_btns_button {
background-image:url("images/dhxwins_dhx_skyblue/buttons.gif");
}
.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_active div.dhtmlx_wins_body_outer {
background-image: url("images/dhxwins_dhx_skyblue/active/header_bg.gif");
}
.dhtmlx_skin_dhx_skyblue div.dhtmlx_window_inactive div.dhtmlx_wins_progress {
background-image: url("images/dhxwins_dhx_skyblue/inactive/progress.gif");
}
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue {
background-image:url("images/dhtmlxcalendar_dhx_skyblue/bg_main.png");
}
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_label,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
background-image: url("images/dhtmlxcalendar_dhx_skyblue/bg_days.png");
}
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
background-image: url("images/dhtmlxcalendar_dhx_skyblue/arrow_left.png");
}
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
background-image: url("images/dhtmlxcalendar_dhx_skyblue/arrow_left_hover.png");
}
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
background-image: url("images/dhtmlxcalendar_dhx_skyblue/arrow_right.png");
}
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
background-image: url("images/dhtmlxcalendar_dhx_skyblue/arrow_right_hover.png");
}
Also here is the xml file to fill the grid
<?xml version="1.0" encoding="UTF-8"?>
<rows id="1">
<row id="1">
<cell>1</cell>
<cell>John Brown</cell>
<cell>52</cell>
<cell>No</cell>
<cell bgColor="green">118</cell>
<cell>3</cell>
<cell>3</cell>
<cell>2</cell>
<cell>4</cell>
<cell>4</cell>
<cell>16</cell>
<cell>Yes</cell>
<cell>1</cell>
<cell>3</cell>
<cell>1</cell>
<cell>Select...</cell>
<cell>Select...</cell>
<cell>Select...</cell>
</row>
<row id="2">
<cell>2</cell>
<cell>Jan Bronsky</cell>
<cell>53</cell>
<cell>Yes</cell>
<cell bgColor="yellow">80</cell>
<cell>3</cell>
<cell>4</cell>
<cell>2</cell>
<cell>3</cell>
<cell>4</cell>
<cell>16</cell>
<cell>Yes</cell>
<cell>2</cell>
<cell>3</cell>
<cell>2</cell>
<cell>Select...</cell>
<cell>Select...</cell>
<cell>Select...</cell>
</row>
<row id="3">
<cell>3</cell>
<cell>Mike Brown</cell>
<cell>56</cell>
<cell>Yes</cell>
<cell bgColor="red">55</cell>
<cell>2</cell>
<cell>3</cell>
<cell>4</cell>
<cell>1</cell>
<cell>2</cell>
<cell>12</cell>
<cell>No</cell>
<cell>0</cell>
<cell>3</cell>
<cell>1</cell>
<cell>Select...</cell>
<cell>Select...</cell>
<cell>Select...</cell>
</row>
</rows>
and the here is the xml for the context menu
[code]<?xml version="1.0" encoding="UTF-8"?>
[/code]I am thinking that since the dataprocessor is part of the dhxgrid and I am running my function from an event in the context menu, that could be my problem. Is there possibly an event that fires when you select a context menu item and if there is a way to tie a unique Id to each context menu item.
Thanks everyone.
Hi,
could you describe more in details required result? I’m not sure if I understand you correctly.