मेरे पास 2 ग्रिड हैं एक केंडो है और एक HTML है। सबसे पहले मैं केंडो ग्रिड एमवीसी को कॉल कर रहा हूं और दूसरा मैं 3 बटन के साथ एचटीएमएल ग्रिड को कॉल कर रहा हूं। मैं शर्त के आधार पर केंडो ग्रिड कॉलम के अंदर एचटीएमएल के बटन को छिपाना चाहता हूं।

संपादित करें:

मेरे पास एक ग्रिड और कॉलम है

columns
    .Bound(o => o.PatientName)
    .Title("Member Name")
    .ClientTemplate( "# if (!cond) { #" + 
        "<a id='test' style='cursor: pointer;' onclick='ClickFire(#:PatientId #)'>#: PatientName#</a>" + 
        "# } else { #" + 
        "#: PatientName#" + "# } #" );

तो शर्त के आधार पर मैं एक बटन भी छिपाना चाहता हूं लेकिन इस ग्रिड में बटन उपलब्ध नहीं है; यह एक अन्य ग्रिड में मौजूद है जो HTML है।

-1
Firoza Shaikh 21 मार्च 2017, 09:56
मेरे पास एक ग्रिड और कॉलम है --- कॉलम। बाउंड (o => o.PatientName)। शीर्षक ("सदस्य का नाम")। क्लाइंट टेम्पलेट ("# if (!cond) {#" + "#: रोगी नाम#" + "# } अन्य { #" + "#: रोगी नाम#" + "# } #" ); --- इसलिए cond के आधार पर मैं एक बटन भी छिपाना चाहता हूं लेकिन इस ग्रिड में बटन उपलब्ध नहीं है यह एक अन्य ग्रिड में मौजूद है जो html है
 – 
Firoza Shaikh
21 मार्च 2017, 10:04
ओकेक?!! क्या आप कुछ ऐसी छवियां प्रदान कर सकते हैं जो वर्णन करें कि क्या होना चाहिए?
 – 
niceman
21 मार्च 2017, 10:07
$('#button').hide() ने काम क्यों नहीं किया ?
 – 
niceman
21 मार्च 2017, 10:09
फ़िरोज़ा, प्रश्न में प्रश्न-संबंधी जानकारी जोड़ें, टिप्पणियों में नहीं। आप अपना प्रश्न संपादित कर सकते हैं और जब चाहें जानकारी जोड़ सकते हैं।
 – 
DontVoteMeDown
21 मार्च 2017, 16:09

2 जवाब

आपने कोई कोड, आगे की व्याख्या या वे शर्तें नहीं दी हैं जिनके तहत आप बटन छिपाना चाहते हैं।

JQuery का उपयोग करके सामान्य रूप से एक बटन या तत्व को छिपाने के लिए, उपयोग करें:

$("#button").hide();

जहां "#button" आपके बटन को निर्दिष्ट आईडी है। आप इसे बहुत अधिक किसी भी चीज़ से बदल सकते हैं और जितना चाहें उतना सटीक हो सकते हैं - "div.thisClass" का उपयोग करके सभी divs का उपयोग "thisClass" वर्ग के साथ किया जाता है, उदाहरण के लिए।

आप इस फ़ंक्शन को किसी ट्रिगर किए गए ईवेंट के अंदर कॉल कर सकते हैं, जैसे

$(window).load(function(){
    $("#button").hide();
}

जैसे ही पेज लोड होता है (ग्राफिक्स सहित) इसे कॉल करने के लिए।

यदि आप अधिक विस्तृत उत्तर चाहते हैं, तो कृपया अधिक विवरण और स्पष्टीकरण प्रदान करें।

0
N. M. 21 मार्च 2017, 10:14
मैं प्रश्न को संपादित करने के लिए ओपी की प्रतीक्षा करना पसंद करता हूं, उत्तर देने से पहले आवश्यक विवरण जोड़ें
 – 
niceman
21 मार्च 2017, 10:06
यह बिल्कुल ठीक है और मैं सामान्य रूप से आपसे सहमत हूं - हालांकि, मैं लोगों को उनकी समस्या के लिए सटीक उत्तर नहीं बताने का प्रशंसक हूं; इसके बजाय, मैं सभी को एक उदाहरण का उपयोग करने के लिए प्रोत्साहित करता हूं, इसे अपनी आवश्यकताओं के अनुसार अनुकूलित करता हूं और इस प्रकार कुछ कॉपी पेस्ट करने और खुश होने के बजाय इससे कुछ सीखता हूं।
 – 
N. M.
21 मार्च 2017, 10:09
Column.Bound(o => o.PatientName).Title("सदस्य का नाम")। ClientTemplate( "# if (!cond) {#" + "#: PatientName#" + "# } और {#" + "#: PatientName#" + "# } #"); ---- यहां मैं इस तरह की एक और लाइन जोड़ना चाहता हूं '$(.clsBtnReqRejViewCarePlan")। छुपाएं ()' ** क्या यह संभव है और .clsBtnReqRejViewCarePlan यह बटन उसी ग्रिड से नहीं है यह एचटीएमएल ग्रिड से है
 – 
Firoza Shaikh
21 मार्च 2017, 10:10
कृपया अपने मुख्य प्रश्न में अपना कोड उदाहरण और आगे स्पष्टीकरण जोड़ें। $(".clsBtnReqRejViewCarePlan").hide() किसी भी तत्व को "clsBtnReqRejViewCarePlan" वर्ग के साथ छिपाएगा, भले ही वह किसी अन्य ग्रिड से हो, जब तक कि "छिपाने" -विधि को कॉल करते समय तत्व मौजूद है।
 – 
N. M.
21 मार्च 2017, 10:12
वैसे #button एक वर्ग नहीं है, यह एक आईडी है :)
 – 
niceman
21 मार्च 2017, 10:13

मैं अभी भी प्रश्न के आधार पर आपके लिए अंतिम समाधान पर पूरी तरह से स्पष्ट नहीं हूं लेकिन मैंने एक नमूना बनाया है dojo a> जो उम्मीद है कि आपको अंतिम उत्तर तक पहुंचने में मदद करेगा।

व्यक्तिगत रूप से मैं कॉलम की प्रारंभिक घोषणा से बाहर निकलने के लिए संभावित जटिल टेम्पलेटिंग को पसंद करता हूं और बाहरी टेम्पलेट या जावास्क्रिप्ट और टेम्पलेटिंग के मिश्रण में विभाजित होता हूं।

इसलिए आपके वर्तमान टेम्प्लेटिंग समाधान का उपयोग करने के बजाय मैंने इसे सरलता से बदल दिया है:

 .ClientTemplate("#=getTemplatedItem(data)#");

तो मैं जो कुछ कर रहा हूं वह टेम्पलेट को जावास्क्रिप्ट फ़ंक्शन पर इंगित कर रहा है।

 function getTemplatedItem(data){
       var model = ''; 
        var template = $('#modTemplate').html(); 
        
        model = kendo.template(template); 
        
        return model(data); 
      }; 

यह फ़ंक्शन तब केवल एक बाहरी html टेम्पलेट को कॉल करता है और डेटा को पंक्ति के लिए डेटा लोड करता है और फिर आउटपुट किए गए html को वापस लौटाता है।

 <script id="modTemplate" type="text/x-kendo-template">
  <div class='customer-photo' style='background-image: url(../content/web/Customers/#=data.CustomerID#.jpg);'>
  </div>
  <div class='customer-name'>
  #:data.ContactName#
  </div>
  
  <div>
  #if(data.ContactTitle !== 'Owner'){#
  <button class='k-button k-primary' type="button" onClick="alert('#:data.ContactName#')"> 
  #:data.ContactTitle#
  </button>
  
  #}else{#
  
  
  #}#
  </div>
  
  
  </script>

तो यह टेम्पलेट आपका कोड लेता है और आपको html के साथ जावास्क्रिप्ट को मिलाने और मिलान करने की अनुमति देता है और आवश्यक आउटपुट उत्पन्न करता है। इस नमूने में मैं बस परीक्षण कर रहा हूं कि क्या व्यक्ति का संपर्क शीर्षक Owner है और यदि वे हैं तो बटन प्रस्तुत न करें। आपको जो भी तर्क चाहिए उसे शामिल करने के लिए इसका विस्तार किया जा सकता है।

अगर आपको कुछ और चाहिए तो मुझे बताएं लेकिन आप क्या करना चाहते हैं इसका एक उदाहरण देखे बिना आपको एक और पूर्ण समाधान देना मुश्किल है।

नोट: यह सिर्फ एक केंडो डेमो का उपयोग कर रहा है और इस उदाहरण को दिखाने के लिए इसे थोड़ा संशोधित कर रहा है

0
Community 20 जून 2020, 12:12