PDF XChange Forum

Code: Select all

// using hierarchical list

function showBookmarks(doc) {
    const bkmDia = {
        // pointer for bookmarks
        bkm: [],
        
        initialize (dialog) {
            dialog.load({ sub1: this.loadHier( this.bkm )});
        },
        
        commit () {
        },
        
        sub1(dialog) {
            const ix = this.getIndex(dialog.store().sub1);
            console.println('Selected item: ' + ix);
            if (undefined === ix) console.println('Parent item selected, so no row information');
        },
        // returns the index number of the first item with positive number value
        getIndex (elements) {
            for (let v of Object.values(elements)) {
                let ix;
                if ( 'object' === typeof v) {

                    ix = this.getIndex(v);
                } else if ( v > 0 ) {
                    ix = v-1; //i ; the index is the text of the dropdown
                }
                if (undefined !== ix) {
                    return ix;
                }
            }
        },
        loadHier ( vals, sel=0) {
            let ix = 0;
            return getLB( vals );
            
            function getLB (vals) {
                const sub = {};
                for (let val of vals) {
                    // need to get unique key
                    let uk = val.name;
                    if ( sub[uk] ) {
                        let i=1;
                        while (sub[uk + '_' + i]) i++;
                        uk += '_' + i;
                    }
                    if (val.children) {
                        sub[ uk ] = getLB(val.children);
                    } else {
                        sub[ uk ] = (sel === ix ? 1 : -1) * (++ix);
                    }
                }
                return sub;
            }
        },
        description: {
            name: 'Test of Hierarchical list box',
            elements: [
                { type: 'static_text', name: "Doesn't provide any means to know which row is selected if it's a parent", char_width: 30},
                { type:"hier_list_box", item_id: "sub1", char_width: 30, height: 200},
                {type: "ok"}
            ]
        }
    };
    // assign bookmarks
    bkmDia.bkm = doc.bookmarkRoot.children;
    app.execDialog(bkmDia);
    
}

showBookmarks(this);

Code: Select all

let dlg = {
    initialize: function(dialog) {
	const id = dialog.itemIdKey;
        dialog.load({
            subl:
                {
                    "Chapter 1":
                    {
                        [id] : -1,
                        "Section 1":
                        {
                            [id] : -11,
                            "SubSection 1": -111,
                            "SubSection 2": -112,
                        },
                        "Section 2":
                        {
                            [id] : 12, // initial selection
                            "SubSection 1": -121,
                            "SubSection 2": -122,
                        }
                    },
                    "Chapter 3": -2,
                    "Chapter 4": -3
                }
        })
    },
    butn: function (dialog)
    {
        const id = dialog.itemIdKey;
        const element = dialog.store()["subl"];
        if (element["Chapter 1"]["Section 2"][id] > 0)
        {
            // the node is selected
        }
     },
    description:
    {
        name: "My Novel",
        elements:
        [
            {
                type: "view",
                align_children: "align_left",
                elements:
                [
                    {
                        type: "cluster",
                        name: "Book Headings",
                        elements:
                        [
                            {
                                type: "static_text",
                                name: "Make a selection",
                            },
                            {
                                type: "hier_list_box",
                                item_id: "subl",
                                char_width: 20,
                                height: 200, 
                                sort : false // disable sorting
                            }
                        ]
                    },
                    {
                        type: "view",
                        align_children: "align_row",
                        elements:
                        [
                            {
                                type: "button",
                                item_id: "cncl",
                                name: "Cancel"
                            },
                            {
                                item_id: "butn",
                                type: "button",
                                name: "Select"
                            }
                        ]
                    }
                ]
            }
        ]
    }
};

Code: Select all

// list box test
// expected output: all selected items are positive, and the index number stays the same as it was when loaded
{
    const listBoxDialog = {
        initialize (dialog) {
            dialog.load( { 'test': { 'item 1':-1, 'item 2':-2, 'item 3':-3, 'item 4':-4, 'item 5':-5},
                });
        },
        commit (dialog) {
            const data = dialog.store();
            console.println(JSON.stringify(data.test));
        },
        description: {
            name: "Multi-select test",
            elements: [
                { type: 'static_text', name: "Select multiple items and press OK:", width: 340 },
                { type: 'list_box', item_id: "test", width: 335, height: 150, sort: false, multi_select: true },
                { type: "ok_cancel" }
            ]
        }
    };
    app.execDialog(listBoxDialog);
}

Code: Select all

{"item 1":-2,"item 2":2,"item 3":-2,"item 4":-2,"item 5":-2}