本文描述如何選擇或取消選擇WebUI Studio WebScheduler WebContextMenu 中的所有資源。

下面的說明步驟可實現基于給定樣本的上述功能：

1、添加 WebScheduler 控件，并將其數據庫綁定。

這篇文章的示例使用的是 WebScheduler_Software.mdb。

2、添加 WebContextMenu 控件并設置 ControlId 屬性為“WebScheduler1_RF”

3、在 WebContextMenu 中添加兩個菜單項。

- 在第一次菜單項，名稱屬性設置為“mnuSelectAll”，文本屬性設置為“選擇全部”
- 在第二個菜單項，名稱屬性設置為“mnuDeSelectAll”，文本屬性設置為“取消選擇所有”

4、在 WebContextMenu 的 OnMenuItemClick 客戶端事件放置下面的代碼：

function ResourceContextMenu_OnMenuItemClick(controlId, menuItem) {
    var ResourceContextMenu = ISGetObject(controlId);
    var WebScheduler1 = ISGetObject("WebScheduler1");
    var Resources = WebScheduler1.Resources;
    var length = Resources.length;

    switch (menuItem.Name) {
        case "mnuSelectAll":
            for (var i = 0; i < length; i++) {
                var resource = Resources[i];
                WebScheduler1.ShowResources(resource);
                isShow = true;
            }
            break;

        case "mnuDeSelectAll":
            for (var i = 0; i < length; i++) {
                if (WebScheduler1.IsInSplitViewMode == true && i == 0) {
                    continue;
                }
                var resource = Resources[i];
                WebScheduler1.HideResources(resource);
                isShow = false;
            }
            break;

        default:
            break;
    }

    return true;
}

5、在WebContextMenu 的 OnShowMenu ,放置下面的代碼:

ResourceContextMenu_OnShowMenu(controlId, menu, x, y, width, height) {
    var ResourceContextMenu = ISGetObject(controlId);
    var cursor = getPosition(event);

    if (isShow) {
        menu.Items.GetNamedItem("mnuSelectAll").Hide();
        menu.Items.GetNamedItem("mnuDeSelectAll").Show();
    }
    else {
        menu.Items.GetNamedItem("mnuSelectAll").Show();
        menu.Items.GetNamedItem("mnuDeSelectAll").Hide();
    }

    return new OffsetLocation(cursor.x, cursor.y);
}

6、使用下面的代碼，實現在選擇WebScheduler的一個事件時，獲得光標的位置：

var isShow = true;

function getPosition(event) {
    var cursor = { x: 0, y: 0 };
           
    if (IS.moz) {
        cursor.x = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
        cursor.y = event.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }
    else {
        cursor.x = event.clientX;
        cursor.y = event.clientY;
    }
    return cursor;
}