DHTMLX 网格提取附加数据
DHTMLX Grid Pulling Additional Data
我正在尝试构建一个供用户提交工作时间的应用程序,但在将其他数据提取到网格中时遇到问题。
例如:如果用户在员工代码列中输入员工代码 0000,则员工姓名字段需要更新以读取 "John Doe"所有这些数据都存储在后端的数据库中并且我已经能够在刷新时访问它,例如。如果在创建新行并且数据存在后重新加载页面,它将拉入正确的数据,但我不希望他们必须刷新页面才能执行此操作。如何在单元格更新后提取额外数据。
在JavaScript页面上创建的Grid如下:
timesheetGrid.setColumnIds("Column Names, Column Names");
timesheetGrid.setImagePath("codebase/imgs/"); //set the image path for the grids icons
timesheetGrid.setInitWidths("70,100,100,100,70,100,150,100,70,70,100,70,70,*,*"); //sets the initial widths of columns
timesheetGrid.setColAlign("center,center,center,center,center,center,center,center,center,center,center,center,center,left,left"); //sets the alignment of columns
timesheetGrid.setColTypes("edn,ro,dhxCalendar,ro,edn,ro,ed,ro,ro,ro,ed,edn,ch,txt,ro"); //sets the types of columns
timesheetGrid.setColSorting("str,str,date,date,str,str,str,str,str,str,str,str,str,str,str"); //sets the sorting types of columns
timesheetGrid.setDateFormat("%Y-%m-%d"); //Set the Date Format to be used in the Grid
timesheetGrid.attachHeader("#text_filter,#text_filter,#text_filter,,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,,,");
timesheetGrid.setColumnHidden(3,true);
timesheetGrid.enableEditEvents(true,false,true);
timesheetGrid.init();
//timesheetGrid.makeFilter("WeekEnding",0); //TODO: Add Filter For Week Ending
//this.lockRow(id, true); //Make Specific Row Read Only TODO: Non Active Week Rows Read Only
timesheetGrid.load("data/timesheets.php");
var dpg = new dataProcessor("data/timesheets.php");
dpg.enableDataNames(true); // will use names instead of indexes
dpg.init(timesheetGrid);
PHP 用于从正确的途径提取数据
require("../codebase/connector/grid_connector.php");//adds the connector engine
$conn = new GridConnector($res,"MySQL"); //initializes the connector object
if ($conn->is_select_mode()) {//code for loading data
SQL Code is HERE
}else { //code for other operations - i.e. update/insert/delete
OTHER SQL CODE IS HERE
}
由于数据敏感,我无法显示任何数据,对于给您带来的不便,我们深表歉意。
任何帮助将不胜感激。
如果您提供的数据是 XML,您可以将一个事件附加到您的网格并调用此 grid.updateFromXML("data/timesheets.php");
这将解析并绘制整个网格信息
如果您只想更新您更新的行,您可以通过 GET 发送该行的 ID,它只会解析和绘制您发送的行
grid.updateFromXML("data/timesheets.php?for=" + row_id));
完整代码如下:
dpg.defineAction ("update", myUpdate);
function myUpdate(tag){
timesheetGrid.updateFromXML("data/timesheets.php?for="+tag.getAttribute("sid"));
return true;
}
如果您检索的数据没有 XML 格式,恐怕您需要通过同一事件手动更新行中的值。
我正在尝试构建一个供用户提交工作时间的应用程序,但在将其他数据提取到网格中时遇到问题。
例如:如果用户在员工代码列中输入员工代码 0000,则员工姓名字段需要更新以读取 "John Doe"所有这些数据都存储在后端的数据库中并且我已经能够在刷新时访问它,例如。如果在创建新行并且数据存在后重新加载页面,它将拉入正确的数据,但我不希望他们必须刷新页面才能执行此操作。如何在单元格更新后提取额外数据。
在JavaScript页面上创建的Grid如下:
timesheetGrid.setColumnIds("Column Names, Column Names");
timesheetGrid.setImagePath("codebase/imgs/"); //set the image path for the grids icons
timesheetGrid.setInitWidths("70,100,100,100,70,100,150,100,70,70,100,70,70,*,*"); //sets the initial widths of columns
timesheetGrid.setColAlign("center,center,center,center,center,center,center,center,center,center,center,center,center,left,left"); //sets the alignment of columns
timesheetGrid.setColTypes("edn,ro,dhxCalendar,ro,edn,ro,ed,ro,ro,ro,ed,edn,ch,txt,ro"); //sets the types of columns
timesheetGrid.setColSorting("str,str,date,date,str,str,str,str,str,str,str,str,str,str,str"); //sets the sorting types of columns
timesheetGrid.setDateFormat("%Y-%m-%d"); //Set the Date Format to be used in the Grid
timesheetGrid.attachHeader("#text_filter,#text_filter,#text_filter,,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,#text_filter,,,");
timesheetGrid.setColumnHidden(3,true);
timesheetGrid.enableEditEvents(true,false,true);
timesheetGrid.init();
//timesheetGrid.makeFilter("WeekEnding",0); //TODO: Add Filter For Week Ending
//this.lockRow(id, true); //Make Specific Row Read Only TODO: Non Active Week Rows Read Only
timesheetGrid.load("data/timesheets.php");
var dpg = new dataProcessor("data/timesheets.php");
dpg.enableDataNames(true); // will use names instead of indexes
dpg.init(timesheetGrid);
PHP 用于从正确的途径提取数据
require("../codebase/connector/grid_connector.php");//adds the connector engine
$conn = new GridConnector($res,"MySQL"); //initializes the connector object
if ($conn->is_select_mode()) {//code for loading data
SQL Code is HERE
}else { //code for other operations - i.e. update/insert/delete
OTHER SQL CODE IS HERE
}
由于数据敏感,我无法显示任何数据,对于给您带来的不便,我们深表歉意。 任何帮助将不胜感激。
如果您提供的数据是 XML,您可以将一个事件附加到您的网格并调用此 grid.updateFromXML("data/timesheets.php"); 这将解析并绘制整个网格信息
如果您只想更新您更新的行,您可以通过 GET 发送该行的 ID,它只会解析和绘制您发送的行 grid.updateFromXML("data/timesheets.php?for=" + row_id));
完整代码如下:
dpg.defineAction ("update", myUpdate);
function myUpdate(tag){
timesheetGrid.updateFromXML("data/timesheets.php?for="+tag.getAttribute("sid"));
return true;
}
如果您检索的数据没有 XML 格式,恐怕您需要通过同一事件手动更新行中的值。