Chosen: बहु-चयन पर खुले रहें

को निर्मित 12 सित॰ 2013 · 53टिप्पणियाँ · स्रोत: harvesthq/chosen

क्या मेरे द्वारा किसी आइटम का चयन करने के बाद चुने गए मेनू के खुले रहने का कोई तरीका है? मैं केवल विजेट क्षेत्र के बाहर क्लिक करके इसे बंद करने में सक्षम होना चाहता हूं।

Feature Request

स्रोत

silkfire

👍2

सबसे उपयोगी टिप्पणी

theigl 18 सित॰ 2013

👍6

सभी 53 टिप्पणियाँ

यदि आप विकल्पों का चयन करते समय CMD या CTRL धारण करते हैं तो चयन खुला रहेगा। वर्तमान में डिफ़ॉल्ट रूप से चयन विकल्प रखने का कोई विकल्प नहीं है।

koenpunt 12 सित॰ 2013

क्या इसे किसी तरह लागू किया जा सकता है?

silkfire 12 सित॰ 2013

क्या आप एक उदाहरण दे सकते हैं कि यह किस मामले में उपयोगी होगा?

koenpunt 12 सित॰ 2013

मेरे आवेदन में मेरे पास एक खोज फ़ॉर्म है जहां उपयोगकर्ता चुने गए बहु-चयन विजेट से एकाधिक आयु समूहों का चयन कर सकता है। यह कष्टप्रद है कि मेनू एक दूसरे विभाजन के लिए बंद है और फिर से फिर से खुल जाता है (क्योंकि फोकस खुली घटना को ट्रिगर करता है)।

silkfire 12 सित॰ 2013

theigl 18 सित॰ 2013

👍6

+1 - एकमात्र कारण के लिए हम एक फ़िल्टरिंग तंत्र के रूप में चुना का उपयोग कर रहे हैं जहां अंतिम उपयोगकर्ता प्रति श्रेणी एकाधिक-आइटम द्वारा फ़िल्टर करने की सबसे अधिक संभावना है। वर्तमान कार्यान्वयन का मतलब है कि हमें केवल एक विकल्प सेट करने में सक्षम होने के बजाय बॉक्स को खुला रखने के तरीके के बारे में बताते हुए टेक्स्ट की एक सहायक पंक्ति को शामिल करना होगा और जब तक उन्हें आवश्यकता हो तब तक इसे खुला रखना होगा।

geebru 21 अक्तू॰ 2013

बिल्कुल +1 !! ऐसे कई उपयोग-मामले हैं जहां कई विकल्पों का चयन करने में सक्षम होने के लिए चयन को खुला रहना चाहिए। वास्तव में, मुझे लगता है कि उपयोग-मामलों की संख्या जो चुनिंदा खुले रहने से लाभान्वित होगी, उन मामलों की संख्या जहां चयन केवल एक विकल्प चुनने के बाद बंद होना चाहिए। उस दृष्टि से इसे खुला रखना डिफ़ॉल्ट व्यवहार भी होना चाहिए। इसे कुछ भी नहीं के लिए "चयन-एकाधिक" नाम नहीं दिया गया है ;-) लेकिन इसे खुला रखने में सक्षम होने के लिए एक कॉन्फ़िगरेशन विकल्प काफी अच्छा होगा, और मुझे आशा है कि इसे जल्द ही लागू किया जाएगा।

Ronner 22 अक्तू॰ 2013

👍3 👎1

नमस्ते,

क्या किसी ने इसे हल करने का कोई तरीका निकाला है?

जब मैं निम्नलिखित का प्रयास करता हूं तो यह काम नहीं करता है, यह खुली घटना को ट्रिगर नहीं करता है:

jQuery("select.select-chosen").on('change', function(evt, params) {
    jQuery(this).trigger('chosen:open');
});

मिस्टर सिकंदर

Mr-Alexander 29 जन॰ 2014

+1 प्रति @geebru और @silkfire

ericscheid 3 फ़र॰ 2014

कई मोड में चुने गए नियंत्रण का उपयोग करने वाले लोगों के लिए शायद यह # 1 दर्द बिंदु है - खासकर जब 2-3 से अधिक आइटम चुने जाने हैं। उम्मीद है कि यह जोड़ा गया है। धन्यवाद।

thorhallur 5 मार्च 2014

ऐसी सुविधा के लिए +1। इस बीच मैंने कई विशेषताओं के साथ चयन के लिए इसे काम करने के लिए निम्नलिखित 'हैक' का उपयोग किया:

var chosen = $("#MySelect").chosen().data("chosen");
var autoClose = false;

//...

var chosen_resultSelect_fn = chosen.result_select;
chosen.result_select = function(evt) {
    var resultHighlight = null;

    if(autoClose == false)
    {
        evt["metaKey"] = true;
        evt["ctrlKey"] = true;

        resultHighlight = chosen.result_highlight;
    }

    var result = chosen_resultSelect_fn.call(chosen, evt);

    if(autoClose == false && resultHighlight != null)
        resultHighlight.addClass("result-selected");

    return result;
};

alxkum 28 मार्च 2014

danbohea 14 मई 2014

panoply 21 मई 2014

timjonesus 25 जुल॰ 2014

davidtedmanjones 28 जुल॰ 2014

इतना: +1:

mshwery 8 अग॰ 2014

उपरोक्त हैक काम नहीं करता है। ऐसा लगता है जैसे result_select है undefined ।
$("#inputField").chosen().result_select;
v1.1.0 और v1.0.0 दोनों में।

JarnoLeConte 20 सित॰ 2014

क्षमा करें, सही कोड है:
$("#inputField").chosen().data("chosen").result_select

alxkum 20 सित॰ 2014

आपको धन्यवाद! यह बहुत अच्छा काम करता है। मैं अंत में इस कोड के साथ समाप्त होता हूं:

$chosen = $("#myChosenField").chosen();

var chosen = $chosen.data("chosen");
var _fn = chosen.result_select;
chosen.result_select = function(evt) {    
      evt["metaKey"] = true;
      evt["ctrlKey"] = true;
      chosen.result_highlight.addClass("result-selected");
      return _fn.call(chosen, evt);
};

JarnoLeConte 20 सित॰ 2014

👍3

मेरे पास एक गतिशील पृष्ठ है जो उपयोगकर्ता इनपुट के आधार पर एकाधिक चयन बॉक्स उत्पन्न करता है। जर्नोलकोंटे से उपरोक्त कोड बहुत अच्छा काम करता है, सिवाय इसके कि जब कोई खाली चयन हो, जो कंसोल में एक त्रुटि संदेश उत्पन्न करता है:

ध्यान में न आया लेखन त्रुटि: अपरिभाषित myfile.php की संपत्ति 'result_select' पढ़ा नहीं जा सकता

कुछ समय के लिए मैंने इसे if कथन में संलग्न किया है:

$chosen = $("#myChosenField").chosen();

if ($("#myChosenField").length) {
  var chosen = $chosen.data("chosen");
  var _fn = chosen.result_select;
  chosen.result_select = function(evt) {    
  evt["metaKey"] = true;
  evt["ctrlKey"] = true;
  chosen.result_highlight.addClass("result-selected");
  return _fn.call(chosen, evt);
  };
}

इसलिए जब तक यह समय के लिए एक अच्छा समाधान है, मैं इसे एक विकल्प के रूप में रखने के लिए "+1" भी हूं, कुछ की तर्ज पर कुछ चुना:stay_open , और ड्रॉपडाउन में एक 'बंद' बटन जोड़ा जा रहा है।

LukeMcLachlan 28 सित॰ 2014

यदि कोई चयन बॉक्स नहीं है तो कोड स्पष्ट रूप से काम नहीं करेगा। मेरे द्वारा पोस्ट किया गया कोड इसे और अधिक आसानी से समझने के लिए सरल बनाया गया था। हर किसी को इसे एकीकृत करने के लिए स्वतंत्र महसूस करना चाहिए, हालांकि वे अपने पुस्तकालयों में चाहते हैं, उदाहरण के लिए एक रैपर या कुछ और बनाना।

alxkum 28 सित॰ 2014

रुचि रखने वालों के लिए, मैं फ़िल्टरिंग/खोज टेक्स्ट इनपुट भी रखना चाहता था, इसलिए मैंने ellekz कोड में कुछ पंक्तियां जोड़ दीं। चुने गए 1.2 पर अच्छा काम करता प्रतीत होता है। चूंकि मुझे चुने हुए कोड की बिल्कुल भी जानकारी नहीं है, कृपया मुझे यह बताने में संकोच न करें कि क्या कुछ गलत है।

var chosen = $(chosenSelectClass).chosen().data('chosen');
var autoClose = false;
var chosen_resultSelect_fn = chosen.result_select;
chosen.search_contains = true;

chosen.result_select = function(evt) 
{
    var resultHighlight = null;

    if(autoClose === false)
    {
        evt['metaKey'] = true;
        evt['ctrlKey'] = true;

        resultHighlight = chosen.result_highlight;
    }

    var stext = chosen.get_search_text();

    var result = chosen_resultSelect_fn.call(chosen, evt);

    if(autoClose === false && resultHighlight !== null)
        resultHighlight.addClass('result-selected');

    this.search_field.val(stext);               
    this.winnow_results();
    this.search_field_scale();

    return result;
 };

ronanquillevere 18 नव॰ 2014

यह वास्तव में ठीक काम करता है। धन्यवाद @ronanquillevere : white_check_mark:

gsuero 3 फ़र॰ 2015

frahugo 26 फ़र॰ 2015

हैक के लिए थैंक्स, यह वास्तव में काम करता है। मैंने केवल इसे हटा दिया है। winnow_results (); निकटतम सक्रिय विकल्प को हाइलाइट करने से बचने के लिए कॉल करें। यह अब और अधिक दिखता है... शांत :-)

यह और भी बेहतर होगा कि आप सूची से ही विकल्पों का चयन रद्द कर सकें। अभी वे केवल धूसर हैं और केवल X बटन से ही निकाले जा सकते हैं।

thekrotek 30 मार्च 2015

👍1

maslianok 23 अप्रैल 2015

mariarabinovich 28 अप्रैल 2015

+1, बहु-चयन ड्रॉप-डाउन के लिए यह काफी आवश्यक है।

MicahBrown 11 मई 2015

क्या एक पृष्ठ पर कई बहु-चयन तत्व होने पर @ronanquillevere ने फ़ंक्शन को ठीक करने का कोई तरीका है?

adocehic 6 जून 2015

lucanos 11 जून 2015

MuyBien 23 जून 2015

+1, बहु-चयन करने का मुख्य कारण एक से अधिक विकल्पों का चयन करने में सक्षम होना है। चुने गए को हर विकल्प के लिए चयन मेनू को फिर से खोलने के बिना इस उपवास को करने का समर्थन करना चाहिए। यह विशेष रूप से लंबी सूची में मदद करेगा जहां उपयोगकर्ता को वांछित विकल्प खोजने के लिए स्क्रॉल करना पड़ सकता है।

n0v1 13 अग॰ 2015

यह 2013 से खुला है, इसलिए मैंने इसके बजाय Select2 का उपयोग करने का निर्णय लिया।

zyphlar 18 अग॰ 2015

harrisrobin 5 नव॰ 2015

कोणीय-चुने हुए लोगों के लिए, कोणीय-चुने हुए निर्देश में initOrUpdate फ़ंक्शन में बस @ronanquillevere के कोड को रखें (आपको बोवर/एनपीएम का उपयोग करने के बजाय स्रोत कोड प्राप्त करना होगा)।

मैंने जो किया था यह रहा:

             (function () {
                var autoClose              = false;
                var chosen_resultSelect_fn = chosen.result_select;
                chosen.search_contains     = true;
                chosen.result_select       = function (evt) {
                  var resultHighlight = null;

                  if (autoClose === false) {
                    evt['metaKey'] = true;
                    evt['ctrlKey'] = true;
                    resultHighlight = chosen.result_highlight;
                  }
                  var stext = chosen.get_search_text();
                  var result = chosen_resultSelect_fn.call(chosen, evt);

                  if (autoClose === false && resultHighlight !== null)
                    resultHighlight.addClass('result-selected');

                  this.search_field.val(stext);
                  this.winnow_results();
                  this.search_field_scale();
                  return result;
                };
              })();

harrisrobin 11 नव॰ 2015

👍2

zlatevbg 3 दिस॰ 2015

+1 - यह केवल तार्किक है कि एकाधिक विकल्पों की उच्च संभावना वाले बहु-चयन बॉक्स को बंद नहीं होने की अपेक्षा करेंगे। सीएमडी/सीटीआरएल+क्लिक एक अच्छी सुविधा है, लेकिन यह अच्छा यूएक्स नहीं है।

lightheaded 27 जन॰ 2016

+1 - हमने हाल ही में एक पुराने बहु-चयन को चुना के साथ बदल दिया है और हमारे उपयोगकर्ताओं से हमें जो मुख्य शिकायतें मिल रही हैं, उनमें से एक यह है कि सूची में कई आइटम चुनने में अधिक क्लिक लगते हैं क्योंकि ड्रॉपडाउन हर बार बंद हो जाता है। दूसरों की तरह हम एक हैक जोड़ने जा रहे हैं ताकि यह बहु-चयन के लिए डिफ़ॉल्ट रूप से खुला रहे। यह वास्तव में अच्छा होगा यदि वह विकल्पों में से एक था।

nshackles 18 जुल॰ 2016

ashliewebb 9 अग॰ 2016

KJoergensen 2 सित॰ 2016

+1 यह एक महत्वपूर्ण विशेषता है। कोई पीआर के साथ मदद करने को तैयार है?

VinceG 12 सित॰ 2016

engineerbaraazakariya 27 सित॰ 2016

हाय दोस्तों, कोई अनुमान है कि इसमें उचित रिलीज कब होगी? या मुझे कुछ याद आया?

markkap 28 नव॰ 2016

ऐसा लगता है कि यह बहुत जरूरी फीचर अब 3 महीने से मास्टर में है।

एक नई रिलीज के बारे में कैसे? :) :)

lvpro 14 दिस॰ 2016

हाय, मैं पेज रीफ्रेश/पेज के प्रस्तुत होने के बाद उपयोगकर्ता द्वारा चुने गए एकाधिक चयनों को रखने की कोशिश कर रहा हूं।
मुझे खोज के लिए 5 एकाधिक जिले (आइटम) और मुख्य कीवर्ड चुना गया है। अक्सर मैं एक ही एकाधिक चयनों के भीतर अलग-अलग कीवर्ड से खोजना चाहता हूं। यदि उपयोगकर्ता को एकाधिक चयन दोहराने की आवश्यकता है तो यह बहुत उपयोगकर्ता के अनुकूल नहीं है। मैं चुना Jq lib का उपयोग कर रहा हूँ। किसी भी तरह की सहायता को आभार समझेंगे। ---दत्ता

DATTAU 17 जन॰ 2017

@DATTAU जो वैसे ही होगा जैसे आप इसे नियमित रूप से चुनते हैं।

koenpunt 18 जन॰ 2017

कोएनपंट, क्या आप समझा सकते हैं? कृपया!

DATTAU 19 जन॰ 2017

समाधान अगर आपको इसे पूरे रास्ते खुला रखने की आवश्यकता है।
ऑनलोड में, इसे फर्स्टओपन के लिए कॉल करें
$("#" + selectId).trigger("chosen:open");

Selected.jquery.js में फंक्शन है:
Chosen.prototype.results_hide = function() { if (this.results_showing) { this.result_clear_highlight(); this.container.removeClass("chosen-with-drop"); this.form_field_jq.trigger("chosen:hiding_dropdown", { chosen: this }); } return this.results_showing = false; };

इसे इसके साथ बदलें:
Chosen.prototype.results_hide = function() { return false; };

orik007 1 मार्च 2017

मैंने इसे इस तरह किया, इस विधि की तलाश करें
Chosen.prototype.result_select
दूसरी स्थिति में जोड़ें

Chosen.prototype.result_select = function(evt) {
  ...
  if (!(this.is_multiple && (!this.hide_results_on_select || (evt.metaKey || evt.ctrlKey)))) {
    //stay open temporary solution
    if (this.max_selected_options <= 0 || (this.max_selected_options > 0 && this.max_selected_options <= this.choices_count())) {
      this.results_hide();
      this.show_search_field_default();
    }
  }
  ...
};

cavinlee 29 मई 2017

मुझे यकीन नहीं है कि यह एक बग है या इसे इस तरह बनाया गया था। मेरे पास "Ctrl" के साथ बहु-चयन में 18 आइटम हैं, लेकिन जब मैं सूची में 15वें तत्व का चयन करने का प्रयास कर रहा हूं, तो यह स्वचालित रूप से पहले अचयनित आइटम पर स्क्रॉल कर रहा है। क्या खुली हुई खिड़की को अंतिम स्थिति में रखने के लिए कोई स्विच है?

cinias 5 जून 2017

मैंने हैरिसरोबिन के हैक का उपयोग किया है और यह पहले चयन के साथ ठीक काम कर रहा है। मैंने चुने हुए का उपयोग करके कई चुनिंदा बॉक्स का उपयोग किया है लेकिन यह हैक पहले वाले की तुलना में बाकी चयन बॉक्स के साथ काम नहीं कर रहा है। क्या कोई कृपया मेरी मदद करेगा?

ukg1 22 जून 2017

मैंने इस पृष्ठ पर कोड स्निपेट का परीक्षण किया है और वे डिफ़ॉल्ट टेक्स्ट को "कुछ विकल्प चुनें" पर रीसेट करते प्रतीत होते हैं, वे एक ही पृष्ठ पर एकाधिक एकाधिक-चयनों के साथ भी काम नहीं करते हैं। यह एक अच्छी सुविधा होगी, इसलिए हमें अपने उपयोगकर्ताओं को एक संशोधक कुंजी को दबाए रखने के लिए निर्देश देने की आवश्यकता नहीं है।

adamcadot 16 अप्रैल 2018

हैलो सभी को,

क्या यह सुविधा अब 2019 में लागू की गई है? :)

DeepaMGMG 3 जुल॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Chosen: बहु-चयन पर खुले रहें

सबसे उपयोगी टिप्पणी

सभी 53 टिप्पणियाँ

संबंधित मुद्दों