车辆照片管理前端JS实现

前台js：

//查看相片
function checkPhoto(rowId) {
var id = Grid_List.getItemFromClientId(rowId).getMember("车辆最后拍照ID").Value;
var carNumber = Grid_List.getItemFromClientId(rowId).getMember("车牌号码").Value
window.open("UploadCarPhoto.aspx?id=" + encodeURI(id) + "&carNumber=" + carNumber);
}

//历史拍照详情
function historyPhotoDetail(rowId) {
window.location.href = "CarPhotoHistoryDetail.aspx?carNumber=" + encodeURI(Grid_List.getItemFromClientId(rowId).getMember("车牌号码").Value);
}

//新增相片
function addPhoto(rowId) {
window.open("UploadCarPhoto.aspx?carNumber=" + encodeURI(Grid_List.getItemFromClientId(rowId).getMember("车牌号码").Value));
}

//操作栏显示
function state(DataItem) {
var html = "";
var lastTime = DataItem.GetMember("V_最后拍照时间").Text;
if (checkValueIsEmpty(lastTime)) {
html = " <a href='javascript:addPhoto(/"" + DataItem.ClientId + "/");' class='Orange'>新增相片</a>";
} else {
html = " <a href='javascript:checkPhoto(/"" + DataItem.ClientId + "/");' class='Orange'>查看相片</a> | <a href='javascript:historyPhotoDetail(/"" + DataItem.ClientId + "/");' class='Orange'>历史拍照详情</a> | <a href='javascript:addPhoto(/"" + DataItem.ClientId + "/");' class='Orange'>新增相片</a>"; }
return html;
}

//显示右键右键菜单
function onContextMenu(sender, eventArgs) {
var dateItem = eventArgs.get_item();
var lastTime = dateItem.GetMember("V_最后拍照时间").Text;

//取得右键菜单的id
var mi_rightButton_checkPhoto = GridContextMenu.get_items().getItemById("mi_rightButton_checkPhoto");
var mi_rightButton_historyPhotoDetail = GridContextMenu.get_items().getItemById("mi_rightButton_historyPhotoDetail");
var mi_rightButton_addPhoto = GridContextMenu.get_items().getItemById("mi_rightButton_addPhoto");

if (checkValueIsEmpty(lastTime)) {
mi_rightButton_checkPhoto.set_visible(true);
mi_rightButton_historyPhotoDetail.set_visible(false);
mi_rightButton_addPhoto.set_visible(false);

mi_rightButton_addPhoto.set_clientSideCommand("addPhoto('" + dateItem.ClientId + "');");
mi_rightButton_addPhoto.set_text("新增相片");
} else {
mi_rightButton_checkPhoto.set_visible(true);
mi_rightButton_historyPhotoDetail.set_visible(true);
mi_rightButton_addPhoto.set_visible(true);

mi_rightButton_checkPhoto.set_clientSideCommand("checkPhoto('" + dateItem.ClientId + "');");
mi_rightButton_checkPhoto.set_text("查看相片");
mi_rightButton_historyPhotoDetail.set_clientSideCommand("historyPhotoDetail('" + dateItem.ClientId + "');");
mi_rightButton_historyPhotoDetail.set_text("历史相片详细");
mi_rightButton_addPhoto.set_clientSideCommand("addPhoto('" + dateItem.ClientId + "');");
mi_rightButton_addPhoto.set_text("新增相片");
}

Grid_List.select(dateItem);
GridContextMenu.Render();
GridContextMenu.showContextMenu(dateItem);
GridContextMenu.set_contextData(dateItem.ClientId);
}

后台权限调用：

/// <summary> /// 赋予权限 /// </summary> protected void CheckRules() { StringBuilder sb = new StringBuilder(); ComponentArt.Web.UI.MenuItem mi_checkPhoto = new ComponentArt.Web.UI.MenuItem(); mi_checkPhoto.ID = "mi_rightButton_checkPhoto"; GridContextMenu.Items.Add(mi_checkPhoto); ComponentArt.Web.UI.MenuItem mi_historyPhotoDetail = new ComponentArt.Web.UI.MenuItem(); mi_historyPhotoDetail.ID = "mi_rightButton_historyPhotoDetail"; GridContextMenu.Items.Add(mi_historyPhotoDetail); ComponentArt.Web.UI.MenuItem mi_addPhoto = new ComponentArt.Web.UI.MenuItem(); mi_addPhoto.ID = "mi_rightButton_addPhoto"; GridContextMenu.Items.Add(mi_addPhoto); sb.Append(" ## state(DataItem) ## "); Grid_List.ClientTemplates[0].Text = sb.ToString(); }