我想将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();
}
如果使用它,它会隐藏第一个 [组列表] 并创建两个列表框,第一个具有组列表,第二个为空。如果我单击一个项目,它会通过 js 添加第二个项目。
如果我单击第一个它会触发它,并且当我单击它时,我希望它与这个插件完全兼容,Group_Insert()
并且当我单击它时,它会调用Group_remove()
按钮单击事件。这怎么可能?