सेटलैबल विधि का उपयोग करके फ्रोजन कॉलम के हेडर के लिए सीएसएस लागू करें

Question 1

मैं निम्नलिखित कोड का उपयोग करके jqgrids में हेडर के लिए पृष्ठभूमि रंग लागू करने का प्रयास कर रहा हूं:

$("#" + gridId).jqGrid("setLabel", "Action", "Website", { "background": "red" });

यह काम कर रहा है, हालांकि अगर कॉलम जम गया है, तो यह काम नहीं कर रहा है। कृपया मदद कीजिए।

javascript jquery jqgrid

0

Rustin Cohle 15 मार्च 2016, 09:44

इसे देखें: stackoverflow.com/questions/31760966/…

–

JustLearning

15 मार्च 2016, 09:49

आप labelClasses का उपयोग कर सकते हैं यदि आप jqGrid के मुफ्त jqGrid कांटे का उपयोग करते हैं। डेमो देखें।

–

Oleg

15 मार्च 2016, 10:59

मैं फ्री-jqgrid का उपयोग नहीं कर रहा हूँ। मेरा संस्करण 4.6.0 है।

–

Rustin Cohle

15 मार्च 2016, 11:02

मैं आपके कॉलम चयनकर्ता का उपयोग करने की कोशिश कर रहा था, मुझे डिज़ाइन नहीं मिला, क्या मुझे कोई प्लगइन शामिल करना चाहिए?

–

Rustin Cohle

15 मार्च 2016, 11:04

Answer

जमे हुए कॉलम कार्यान्वयन jqGrid 4.6.0 में छोटी गाड़ी है। अपनी आवश्यकताओं को लागू करने का सबसे आसान तरीका: मुफ़्त jqGrid 4.13.1 में अपग्रेड करें और colModel की >labelClasses प्रॉपर्टी (देखें डेमो)। कॉलम हेडर पर CSS की स्थापना सबसे छोटी समस्या होगी। मुफ्त jqGrid उसी लाइसेंस (MIT/GPLv2) के तहत प्रदान किया जाता है जैसे jqGrid 4.6.

केवल अगर आप वर्तमान में मुक्त jqGrid के लिए अपडेट वास्तव में नहीं कर सकते हैं, तो आपको कॉलम हेडर की सीएस शैली को मैन्युअल रूप से सेट करना होगा। संबंधित कोड इस तरह हो सकता है

var $grid = $("#" + gridId);
$($grid[0].grid.hDiv)
    .find("tr.ui-jqgrid-labels th")
    .eq(pos)
    .add(
        $($grid[0].grid.fhDiv)
            .find("tr.ui-jqgrid-labels th")
            .eq(pos))
    .css({ background: "red" });

जहां pos कॉलम का इंडेक्स है।

columnChooser का उपयोग करने के लिए आपको ui.multiselect.css, jquery-ui.min.js और ui.multiselect.js को शामिल करना चाहिए। आपको ui.multiselect.* jqGrid की उपनिर्देशिका प्लगइन्स में मिलेगा।

1

Oleg 15 मार्च 2016, 11:41

धन्यवाद। क्या इन फ़ाइलों को NuGet में खोजने का कोई तरीका है?

–

Rustin Cohle

15 मार्च 2016, 12:45

@RustinCohle: आपका स्वागत है! मैंने NuGet का मुफ्त jqGrid भी प्रकाशित किया। देखें nuget.org/packages/free-jqGrid/4.13.1 . रीडमी अन्य स्रोत प्रदान करता है जहां आप मुफ्त jqGrid प्राप्त कर सकते हैं: npm bower इत्यादि। अनुशंसित तरीका सीडीएन है जैसे cdnjs। क्लाइंट फ़ाइलों को अधिकतर प्रभावी ढंग से लोड करेंगे और वेब ब्राउज़र के कैशे में स्थायी रूप से रखेंगे।

–

Oleg

15 मार्च 2016, 12:58

@RustinCohle: आप स्थानीय फ़ाइलों का उपयोग केवल फ़ॉलबैक परिदृश्य के लिए कर सकते हैं। यहां देखें उदाहरण के लिए फ़ॉलबैक परिदृश्य के विभिन्न कार्यान्वयन का विचार।

–

Oleg

15 मार्च 2016, 13:01

मैं इसे 4.13 पर अपडेट नहीं कर सकता। मैं माफी चाहता हूं। क्या NuGet से अकेले बहु-चयन फ़ाइलें डाउनलोड करने का कोई तरीका है? मैं jQuery संस्करण 1.11.3 का उपयोग कर रहा हूँ।

–

Rustin Cohle

15 मार्च 2016, 13:05

1

@RustinCohle: क्षमा करें, लेकिन अगर आपको NuGet से मुफ़्त jqGrid पैकेज मिलता है तब आपके प्रोजेक्ट के किसी भी HTML पृष्ठ में कोई फ़ाइल शामिल नहीं की जाएगी। आपको फ़ाइल का संदर्भ स्पष्ट रूप से जोड़ना चाहिए। आप यहां का पूरा इतिहास देख सकते हैं ui.multiselect.js के परिवर्तन। ui.multiselect.css अपरिवर्तित है। यदि आप चाहें तो आप jqGrid के पुराने संस्करण वाली फ़ाइलों का उपयोग कर सकते हैं।

–

Oleg

15 मार्च 2016, 13:14

Question 2

जमे हुए कॉलम कार्यान्वयन jqGrid 4.6.0 में छोटी गाड़ी है। अपनी आवश्यकताओं को लागू करने का सबसे आसान तरीका: मुफ़्त jqGrid 4.13.1 में अपग्रेड करें और colModel की >labelClasses प्रॉपर्टी (देखें डेमो)। कॉलम हेडर पर CSS की स्थापना सबसे छोटी समस्या होगी। मुफ्त jqGrid उसी लाइसेंस (MIT/GPLv2) के तहत प्रदान किया जाता है जैसे jqGrid 4.6.

केवल अगर आप वर्तमान में मुक्त jqGrid के लिए अपडेट वास्तव में नहीं कर सकते हैं, तो आपको कॉलम हेडर की सीएस शैली को मैन्युअल रूप से सेट करना होगा। संबंधित कोड इस तरह हो सकता है

var $grid = $("#" + gridId);
$($grid[0].grid.hDiv)
    .find("tr.ui-jqgrid-labels th")
    .eq(pos)
    .add(
        $($grid[0].grid.fhDiv)
            .find("tr.ui-jqgrid-labels th")
            .eq(pos))
    .css({ background: "red" });

जहां pos कॉलम का इंडेक्स है।

columnChooser का उपयोग करने के लिए आपको ui.multiselect.css, jquery-ui.min.js और ui.multiselect.js को शामिल करना चाहिए। आपको ui.multiselect.* jqGrid की उपनिर्देशिका प्लगइन्स में मिलेगा।

1

Oleg 15 मार्च 2016, 11:41

धन्यवाद। क्या इन फ़ाइलों को NuGet में खोजने का कोई तरीका है?

–

Rustin Cohle

15 मार्च 2016, 12:45

@RustinCohle: आपका स्वागत है! मैंने NuGet का मुफ्त jqGrid भी प्रकाशित किया। देखें nuget.org/packages/free-jqGrid/4.13.1 . रीडमी अन्य स्रोत प्रदान करता है जहां आप मुफ्त jqGrid प्राप्त कर सकते हैं: npm bower इत्यादि। अनुशंसित तरीका सीडीएन है जैसे cdnjs। क्लाइंट फ़ाइलों को अधिकतर प्रभावी ढंग से लोड करेंगे और वेब ब्राउज़र के कैशे में स्थायी रूप से रखेंगे।

–

Oleg

15 मार्च 2016, 12:58

@RustinCohle: आप स्थानीय फ़ाइलों का उपयोग केवल फ़ॉलबैक परिदृश्य के लिए कर सकते हैं। यहां देखें उदाहरण के लिए फ़ॉलबैक परिदृश्य के विभिन्न कार्यान्वयन का विचार।

–

Oleg

15 मार्च 2016, 13:01

मैं इसे 4.13 पर अपडेट नहीं कर सकता। मैं माफी चाहता हूं। क्या NuGet से अकेले बहु-चयन फ़ाइलें डाउनलोड करने का कोई तरीका है? मैं jQuery संस्करण 1.11.3 का उपयोग कर रहा हूँ।

–

Rustin Cohle

15 मार्च 2016, 13:05

1

@RustinCohle: क्षमा करें, लेकिन अगर आपको NuGet से मुफ़्त jqGrid पैकेज मिलता है तब आपके प्रोजेक्ट के किसी भी HTML पृष्ठ में कोई फ़ाइल शामिल नहीं की जाएगी। आपको फ़ाइल का संदर्भ स्पष्ट रूप से जोड़ना चाहिए। आप यहां का पूरा इतिहास देख सकते हैं ui.multiselect.js के परिवर्तन। ui.multiselect.css अपरिवर्तित है। यदि आप चाहें तो आप jqGrid के पुराने संस्करण वाली फ़ाइलों का उपयोग कर सकते हैं।

–

Oleg

15 मार्च 2016, 13:14

सेटलैबल विधि का उपयोग करके फ्रोजन कॉलम के हेडर के लिए सीएसएस लागू करें

1 उत्तर

संबंधित सवाल

नए सवाल