http://loudev.com/テーマに付属するリストボックス用のこのプラグインを使用したいと考えています。html コード
<div class="span2">
<div class="control-group">
<label class="control-label"></label>
<div class="controls">
<asp:ListBox runat="server" ID="listboxAdd" SelectionMode="Multiple" Rows="10" />
<span class="help-inline text-center">Group List</span>
</div>
</div>
</div>
<div class="span1">
<br />
<br />
<div class="control-group">
<label class="control-label"></label>
<div class="controls">
<asp:LinkButton runat="server" ID="btnRemove" CssClass="btn red block" OnClick="btnRemove_Click"> <i class="m-icon-swapleft m-icon-white"></i> </asp:LinkButton>
</div>
</div>
<br />
<div class="control-group">
<label class="control-label"></label>
<div class="controls">
<asp:LinkButton runat="server" ID="btnAdd" CssClass="btn green block" OnClick="btnAdd_Click"> <i class="m-icon-swapright m-icon-white"></i> </asp:LinkButton>
</div>
</div>
</div>
<div class="span2">
<div class="control-group">
<label class="control-label"></label>
<div class="controls">
<asp:ListBox runat="server" ID="listboxAdded" SelectionMode="Multiple" Rows="10" />
<span class="help-inline text-center">Added Groups</span>
</div>
</div>
</div>
c# コード
//for group list
private void Group_Load()
{
listboxAdd.Items.Clear();
DataTable dt = new DataTable();
dt = myTracking.Master_Group_Load(Int32.Parse(Company.Value)).Tables[0];
if (dt.Rows.Count > 0)
{
listboxAdd.DataTextField = "Group_Name";
listboxAdd.DataValueField = "Group_ID";
listboxAdd.DataSource = dt;
listboxAdd.DataBind();
}
}
//for added group
private void Added_Group_Load()
{
listboxAdded.Items.Clear();
DataTable dt = new DataTable(); ;
dt = myTracking.Object_Group_Load(Int32.Parse(hd_objectID.Value)).Tables[0];
if (dt.Rows.Count > 0)
{
listboxAdded.DataTextField = "Group_Name";
listboxAdded.DataValueField = "Object_Group_ID";
listboxAdded.DataSource = dt;
listboxAdded.DataBind();
}
}
// add to right side (insert table) [added group]
private void Group_Insert()
{
try
{
myTracking.Object_Group_Insert(Int32.Parse(listboxAdd.SelectedValue), Int32.Parse(hd_objectID.Value), Session["IPADDRESS"].ToString(), Session["GetMACAddress"].ToString(), Int32.Parse(Company.Value), Int32.Parse(Session["Child_Company_ID"].ToString()));
Added_Group_Load();
Call_Alert("alert-success");
}
catch (Exception)
{
Call_Alert("alert-error");
}
}
//remove from right side [added group]
private void Group_Remove()
{
try
{
myTracking.Object_Group_Delete(Int32.Parse(listboxAdded.SelectedValue));
Added_Group_Load();
Call_Alert("alert-success", "<i class=" + "icon-ok" + "></i> <strong> Gruptan Çıkarıldı!..</strong>");
}
catch (Exception)
{
Call_Alert("");
}
}
protected void btnAdd_Click(object sender, EventArgs e)
{
int groupId, objectID;
if (TryParsing(listboxAdd.SelectedValue, out groupId) && TryParsing(listboxAdd.SelectedValue, out objectID))
{
Group_Insert();
}
else
{
Call_Alert("");
}
}
protected void btnRemove_Click(object sender, EventArgs e)
{
int ObjectID;
if (TryParsing(listboxAdded.SelectedValue, out ObjectID))
{
Group_Remove();
}
else
{
Call_Alert("");
}
}
これはasp.net要素とロジックではうまく機能しますが、jquery multiselect.jsに適応させたいです
var handleMultiSelect = function () {
$('#ContentPlaceHolder1_listboxAdd').multiSelect();
}
これを使用すると、最初の 1 つ [グループ リスト] が非表示になり、2 つのリストボックスが作成されます。最初の 1 つにはグループ リストがあり、2 つ目は空です。項目をクリックすると、js によって 2 番目の項目が追加されます。
最初にトリガーをクリックすると、このプラグインで完全に機能し、クリックすると、ボタンのクリックイベントのようGroup_Insert()
に呼び出されます。Group_remove()
どのように可能ですか?