मेरे पास एजी-ग्रिड टेबल है। मैं 'Bookingxml' कॉलम डेटा को बटन से बदल रहा हूं। जब उस बटन पर क्लिक किया जाता है, तो उसे उस विशेष सेल का डेटा 'आउट' डिव में दिखाना चाहिए। मैं प्रलेखन के माध्यम से चला गया और लगा, सेलरेंडरर इसे करने का तरीका है। मैंने नीचे दिए गए कोड की कोशिश की, लेकिन यह काम नहीं किया।

var gridOptions = {
    columnDefs: [

        {headerName: 'Booking Type', field: 'BookingType', width: 200},
        {headerName: 'Booking Error', field: 'BookingError', width: 150 },
        {headerName: 'Booking Date', field: 'BookingDate', width: 150, filter: 'number', filterParams: {apply: true, newRowsAction: 'keep'}},
        {
            headerName: 'Booking XML', field: 'Bookingxml', width: 250, 
            cellRenderer: function (params) {

                return '<button ng-click="display()">View XML</button>';
            }

        }
    ],
    enableColResize: true,
    enableSorting: true,
    enableFilter: true

};

return gridOptions;
}

function display(xml) {
    $('#out').html(params.value);
}
1
Jatin 26 सितंबर 2017, 03:57

2 जवाब

सबसे बढ़िया उत्तर

मैं यह समझ गया। शायद, ऐसा करने का यह सही तरीका नहीं हो सकता है लेकिन यह काम करता है। मैं नीचे समाधान पोस्ट कर रहा हूं।

{headerName: 'Booking XML', field: 'Bookingxml', width: 250, cellRenderer: 
                function(params) {
                return '<button>Expand All</button>';
                },
                onCellClicked: function (params) {

                    $('#out').html(params.value);
                }
            }
1
Jatin 26 सितंबर 2017, 17:41

आप अपने बेस क्लास में हैंडलर को कॉल करने के लिए एजी-ग्रिड (सेलक्लिक) ईवेंट का उपयोग करने का प्रयास कर सकते हैं। यह तब आपके एचटीएमएल को पॉप्युलेट करने में संभालता है।

एक साधारण परीक्षण के लिए रेंडरर से परेशान न हों और बस जांचें कि आप ईवेंट को संभाल सकते हैं

एचटीएमएल

(cellClicked)="onCellClicked($event)"

पिछली कक्षा (कोणीय 2 तो आपका भिन्न हो सकता है)

private onCellClicked($event) {  }

पहले सही ढंग से। यदि वह काम करता है तो आप उसके अनुसार गुई को समाप्त करने के लिए एक बटन/लिंक/आइकन/अन्य दिखाने के लिए एक रेंडरर सेट अप कर सकते हैं

2
Matrim 26 सितंबर 2017, 12:19