具有高级功能的表格
我非常需要帮助，我希望这里有人会有同情和时间回答我;）。
两周前我正在接受培训，我正在尝试为数据表添加功能。我正在考虑使用jQuery来实现。
以下是我目前的例子：
我在代码隐藏文件中用C＃构造了这个表。我被告知使用gridview或datagrid，但此表中的单元格具有可能与gridview或datagrid不兼容的功能。实际上，我通过在必要时指定属性“class”和“rowspan / colspan”来按单元格添加每一个。而且我不知道是否可以使用gridview或datagrid来实现这一点。我需要这些多个“类”来处理细胞jQuery（注意：能够拖放）。
以下是我的一些代码，展示了我如何创建此表：
Aspx代码。：
<asp:Table ID="tabG" runat="server" GridLines="Both">
<asp:TableHeaderRow ID="TableHeaderRow1" runat="server" TableSection="TableHeader">
<asp:TableCell ID="idTitreTabG_CheckB" RowSpan="3"></asp:TableCell>
<asp:TableCell ID="idTitreTabG_NumOF" RowSpan="2">
<asp:Label ID="lbTabG_TitreNumOF" Text="N° OF" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell RowSpan="2">
<asp:Label ID="lbTabG_TitreSeqOF" Text="Seq OF" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell RowSpan="2">
<asp:Label ID="lbTabG_TitreArt" Text="Article" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell RowSpan="2">
<asp:Label ID="lbTabG_TitreQtePrevue" Text="Qté OF prévue" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell RowSpan="2">
<asp:Label ID="lbTabG_TitreQteRevue" Text="Qté OF revue" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell RowSpan="2">
<asp:Label ID="lbTabG_TitreComp" Text="Composant" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell RowSpan="2">
<asp:Label ID="lbTabG_TitreRestant" Text="Restant à assigner" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell ColumnSpan="3">
<asp:Label ID="lbTabG_TitreAssignHU" Text="Assignation HU" runat="server"></asp:Label>
</asp:TableCell>
</asp:TableHeaderRow>
<asp:TableHeaderRow ID="TableHeaderRow2" runat="server" TableSection="TableHeader">
<asp:TableCell>
<asp:Label ID="lbTabG_TitreQteTotale" Text="Qté totale" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell>
<asp:Label ID="lbTabG_TitreNumHU" Text="N° HU" runat="server"></asp:Label> <br />
</asp:TableCell>
<asp:TableCell>
<asp:Label ID="lbTabG_TitreQte" Text="Quantité" runat="server"></asp:Label> <br />
</asp:TableCell>
</asp:TableHeaderRow>
<asp:TableHeaderRow ID="TableHeaderRow5" runat="server" TableSection="TableHeader">
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreNumOF_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=cod_wo&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreSeqOF_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=dat_sequence&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreArt_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=article&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreQtePrevue_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=wo_qty&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreQteRevue_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=qty_revue&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreComposant_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=composant&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
<asp:ImageButton ID="ibTabG_TitreRestant_Fleche" runat="server" PostBackUrl="~/Test.aspx?nomColG=restant_a_assigner&order=desc" ImageUrl="~/Images/bas.jpg" />
</asp:TableCell>
<asp:TableCell>
</asp:TableCell>
<asp:TableCell>
</asp:TableCell>
<asp:TableCell>
</asp:TableCell>
</asp:TableHeaderRow>
</asp:Table>
此部分创建列标题
完成表格的C＃代码背后：
protected void setTabAssignationOF(OracleConnection oConnexion, string reqOF)
{
OracleCommand cmd = new OracleCommand(reqOF);
cmd.Connection = oConnexion;
OracleDataReader reader = cmd.ExecuteReader();
int cpt = 0;
int nbLignesCurrentOF = 0;
int numLigne = 0;
string idCurrentOF = "";
List<TableRow> lignes = new List<TableRow>();
while (reader.Read())
{
TableRow nouvelleLigne = new TableRow();
CheckBox controlCB = new CheckBox();
TableCell checkB = new TableCell();
TableCell numOF = new TableCell();
TableCell seqOF = new TableCell();
TableCell art = new TableCell();
TableCell qtePrevue = new TableCell();
TableCell qteRevue = new TableCell();
TableCell composant = new TableCell();
TableCell restant = new TableCell();
TableCell qteTotale = new TableCell();
TableCell numHU = new TableCell();
TableCell qteHU = new TableCell();
if(reader.GetValue(0).ToString() == idCurrentOF){
TableRow ligneModifie = new TableRow();
nbLignesCurrentOF = nbLignesCurrentOF + 1;
lignes[numLigne].Cells[0].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[1].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[2].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[3].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[4].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[5].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[6].RowSpan = nbLignesCurrentOF;
lignes[numLigne].Cells[7].RowSpan = nbLignesCurrentOF;
// nouvelles lignes
string identifiant = lignes[numLigne].Cells[1].ID;
qteTotale.Text = reader.GetValue(9).ToString();
qteTotale.Attributes.Add("class", "tabG_qteTotale donneesOF " + lignes[numLigne].Cells[1].Text);
qteTotale.Attributes.Add("value", qteTotale.Text);
qteTotale.ID = "qteT" + identifiant + "_" + nbLignesCurrentOF;
numHU.Text = reader.GetValue(10).ToString();
numHU.Attributes.Add("class", "tabG_numHU donneesOF " + lignes[numLigne].Cells[1].Text + " " + numHU.Text.Replace(" ", "_"));
numHU.Attributes.Add("value", numHU.Text);
numHU.ID = "numHU" + identifiant + "_" + nbLignesCurrentOF;
numHU.Attributes.Add("onClick", "onClick_cellule(\"" + numHU.Text + "\",\"" + numHU.Text.Replace(" ", "_") + "\");");
qteHU.Text = reader.GetValue(11).ToString();
qteHU.Attributes.Add("class", "tabG_qteHU donneesOF " + lignes[numLigne].Cells[1].Text);
qteHU.Attributes.Add("value", qteHU.Text);
qteHU.ID = "qteH" + identifiant + "_" + nbLignesCurrentOF;
nouvelleLigne.Cells.Add(qteTotale);
nouvelleLigne.Cells.Add(numHU);
nouvelleLigne.Cells.Add(qteHU);
lignes.Add(nouvelleLigne);
}
else{
numLigne = numLigne + nbLignesCurrentOF;
nbLignesCurrentOF = 1;
idCurrentOF = reader.GetValue(0).ToString();
// la premiere colonne contient une checkbox avec le numéro de l'OF
checkB.ID = "cb" + reader.GetValue(0).ToString() + cpt;
checkB.Controls.Add(controlCB);
checkB.Attributes.Add("class", "tabG_checkB donneesOF " + reader.GetValue(0).ToString());
checkB.Attributes.Add("value", "n");
// les colonnes suivantes
numOF.Text = reader.GetValue(0).ToString();
numOF.Attributes.Add("class", "tabG_numOF donneesOF " + numOF.Text + " " + numOF.Text.Replace(" ","_"));
numOF.Attributes.Add("value", numOF.Text);
numOF.ID = numOF.Text;
numOF.Attributes.Add("onClick", "onClick_cellule(\"" + numOF.Text + "\",\"" + numOF.Text.Replace(" ","_") + "\");");
seqOF.Text = reader.GetValue(3).ToString();
seqOF.Attributes.Add("class", "tabG_seqOF donneesOF " + numOF.Text);
seqOF.Attributes.Add("value", seqOF.Text);
seqOF.ID = "seqOF" + numOF.ID;
art.Text = reader.GetValue(4).ToString();
art.Attributes.Add("class", "tabG_art donneesOF " + numOF.Text);
art.Attributes.Add("value", art.Text);
art.ID = "art" + numOF.ID;
qtePrevue.Text = reader.GetValue(5).ToString();
qtePrevue.Attributes.Add("class", "tabG_qtePrevue donneesOF " + numOF.Text);
qtePrevue.Attributes.Add("value", qtePrevue.Text);
qtePrevue.ID = "qteP" + numOF.ID;
qteRevue.Text = reader.GetValue(6).ToString();
qteRevue.Attributes.Add("class", "tabG_qteRevue donneesOF " + numOF.Text);
qteRevue.Attributes.Add("value", qteRevue.Text);
qteRevue.ID = "qteR" + numOF.ID;
composant.Text = reader.GetValue(7).ToString();
composant.Attributes.Add("class", "tabG_composant donneesOF " + numOF.Text + " " + composant.Text.Replace(" ","_"));
composant.Attributes.Add("value", composant.Text);
composant.ID = "comp" + numOF.ID;
composant.Attributes.Add("onClick", "onClick_cellule(\"" + composant.Text + "\",\"" + composant.Text.Replace(" ","_") + "\");");
restant.Text = reader.GetValue(8).ToString();
restant.Attributes.Add("class", "tabG_restant donneesOF " + numOF.Text);
restant.Attributes.Add("value", restant.Text);
restant.ID = "restant" + numOF.ID;
qteTotale.Text = reader.GetValue(9).ToString();
qteTotale.Attributes.Add("class", "tabG_qteTotale donneesOF " + numOF.Text);
qteTotale.Attributes.Add("value", qteTotale.Text);
qteTotale.ID = "qteT" + numOF.ID + "_1";
numHU.Text = reader.GetValue(10).ToString();
numHU.Attributes.Add("class", "tabG_numHU donneesOF " + numOF.Text + " " + numHU.Text.Replace(" ", "_"));
numHU.Attributes.Add("value", numHU.Text);
numHU.ID = "numHU" + numOF.ID + "_1";
numHU.Attributes.Add("onClick", "onClick_cellule(\"" + numHU.Text + "\",\"" + numHU.Text.Replace(" ","_") + "\");");
qteHU.Text = reader.GetValue(11).ToString();
qteHU.Attributes.Add("class", "tabG_qteHU donneesOF " + numOF.Text);
qteHU.Attributes.Add("value", qteHU.Text);
qteHU.ID = "qteH" + numOF.ID + "_1";
nouvelleLigne.Cells.Add(checkB);
nouvelleLigne.Cells.Add(numOF);
nouvelleLigne.Cells.Add(seqOF);
nouvelleLigne.Cells.Add(art);
nouvelleLigne.Cells.Add(qtePrevue);
nouvelleLigne.Cells.Add(qteRevue);
nouvelleLigne.Cells.Add(composant);
nouvelleLigne.Cells.Add(restant);
nouvelleLigne.Cells.Add(qteTotale);
nouvelleLigne.Cells.Add(numHU);
nouvelleLigne.Cells.Add(qteHU);
lignes.Add(nouvelleLigne);
}
cpt++;
}
for (int i = 0; i < lignes.Count; i++)
{
tabG.Rows.Add(lignes[i]);
}
}
如您所见，每个单元格都有许多属性“class”或有时“rowspan”。使用此系统，复选框与行无关，这意味着，例如，如果我选中第3行中的复选框，我在第2列上进行了排序。将始终检查第3行上的复选框但不再对应于同一行。
我想就以下建议： 你认为会有解决方案，我应该使用另一种方法吗？ 你知道一个可以制作这个东西的jquery插件吗？ 提前谢谢。
1 个答案:
答案 0 :(得分：0)
这不是免费的，但请看DevExpress's Gridview。它会让你的生活变得更加简单。您还可以使用其他控件库，例如telerik，jeasyui等。我只是碰巧使用它们并以图形方式处理大量数据，这些库可以节省大量时间。
DevExpress的Grid可以自己处理dnd功能，并且有很好的传统选择。但是我认为现在需要做一些工作才能实现你的选择行为。
（我认为这会自动发表评论，但嘿！猜不是。）
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？