2

我正在构建一个运行良好的 jqgrid ...网格构建

if (jqent.isReq) {
    sbGrid.Append("subGrid: true,");
    sbGrid.Append("subGridRowExpanded: function (subgrid_id, row_id) {");
    sbGrid.Append(" $('#' + subgrid_id).html(renderhtmlforSubgrid(subgrid_id, row_id));},");
}

我有一个带有 textarea 的子网格和一个将由以下代码呈现的图像控件

function renderhtmlforSubgrid(subgrid_id, row_id) {
    var script = '<div style="margin-left:10px; margin-top:10px; margin-bottom:10px;">';
    script += '<textarea class="txtCommentwatermarkOn" id="txtCommentSection" name="txtCommentSection" rows=2 cols=20>Type your comments here</textarea>';
    script += '<input onclick=\"RenderModalPopup(' + row_id + ',' + subgrid_id + ',this);\" type="image" id="image" src="../../Content/Images/commentIcon.png"/>';
    script += '</div>';

    return script;
}

单击图像“RenderModalPopup”功能将被触发

function RenderModalPopup(rowid, tableid, event) {
    var dataFromRow = $('#tblArtifact1').jqGrid('getRowData', rowid);
    var PhaseArtifactId = $('#tblArtifact1').jqGrid('getCell', rowid, 'ID');
    ..........................

每件事都运行良好......现在的问题是我将网格 ID 硬编码为“tblArtifact1”以获取列值。需要删除。我可以得到网格ID吗？是否有任何预定义的参数/函数来获取它？

我被困住了..请帮忙。

4

1 回答 1

3

在回调函数内部，subGridRowExpanded您可以使用this初始化为网格 DOM（的 DOM <table>）的变量。所以你可以id通过this.id. 如果你renderhtmlforSubgrid在里面打电话，subGridRowExpanded我建议你使用

renderhtmlforSubgrid.call(this, subgrid_id, row_id)

代替

renderhtmlforSubgrid(subgrid_id, row_id)

如果函数this内部renderhtmlforSubgrid不会更改为全局window对象，您可以拥有this对您有用的信息（例如this.idid 或$(this)jQuery rapper 到父网格）。

我建议您考虑idPrefix在子网格中使用选项来防止 id 重复（有关更多信息，请参阅答案）。

此外，我从您的代码中看到，作为 JavaScript 开发人员，您更像是 C#/C++ 开发人员。2年前我也有同样的问题。JavaScript 有一些结构与其他著名的语言很接近，但深层语义确实不同。因此，JavaScript 开发人员有许多标准陷阱，他们以错误的方式使用现有结构。

例如：你不应该使用名称以大写字母开头的变量、属性或特别是函数。目前RenderModalPopup并PhaseArtifactId打破了规则。JavaScript 没有类，但可以使用函数创建紧密的构造。在函数内部，您可以将属性分配给this. 这样的函数是“类”的构造函数，应该有第一个大写字母。要创建“类”的实例，应该使用new. 例如var now = new Date();.

闭包是 JavaScript 中函数的另一个例子，它看起来像函数，但有很多重要的区别。

此外，我建议您使用更多匿名函数和函数表达式（var renderhtmlforSubgrid = function (subgrid_id, row_id) {...}）而不是函数语句（function renderhtmlforSubgrid (subgrid_id, row_id) {...}），并在函数体的第一行定义所有变量。JavaScript没有像大多数计算机语言那样的块级变量声明，因此如果您在 JavaScript 代码中定义变量，很容易产生错误代码。

最后一个建议是使用Kernighan 和 Ritchie 的JavaScript 代码代码格式化风格，该风格独立于您过去在您最喜欢的计算机语言中使用的风格。它将防止您自动插入分号，这可能会导致难以定位的严重错误。

于 2012-05-09T11:04:31.300 回答