2017-08-14 9 views
7

मैं सी # प्रोजेक्ट में केंडो एमवीसी का उपयोग कर रहा हूं।केंडो बटन 'के-खतरे' काम नहीं कर रहा

मैं k-danger कक्षा को केंडो बटन में जोड़ने की कोशिश कर रहा हूं। मुझे नहीं पता क्यों, लेकिन यह काम नहीं कर रहा है जहां k-primary वर्ग काम करता है।

यह मेरा बटन कोड है:

<button type='button' id='Button1' onclick='Delete(#=ID#)' class='k-button k-button-icontext k-grid-add k-danger'> // This is just showing the default button 
    <span class='k-icon k-i-trash'></span> 
</button> 

<button type='button' id='Button2' onclick='Info(#=ID#)' class='k-button k-button-icontext k-grid-add k-i-pencil'> // This is showing the primary button 
    <span class='k-icon k-i-pencil'></span> 
</button> 

माउस पूरी तरह से काम करता है। मैंने हर जगह खोज की लेकिन मुझे इसके बारे में कुछ भी नहीं मिला। तो मैं निष्कर्ष निकाला हूं कि k-danger कक्षा नहीं है, मुझे नहीं पता कि मैं गलत हूं या नहीं।

यदि कोई k-danger उपलब्ध नहीं है तो क्या मैं k-danger के बजाय उपयोग कर सकता हूं?

यदि आवश्यक हो तो मैं पूर्ण कोड प्रदान कर सकता हूं।

उत्तर

4

danger (या वास्तव में btn-danger) बूटस्ट्रैप-विशिष्ट सीएसएस वर्ग का नाम है और वास्तव में, यह केंडो यूआई स्टाइलशीट में मौजूद नहीं है। दो विकल्प है कि मेरा सुझाव है कर रहे हैं:

  1. मान लिया जाये कि आप बूटस्ट्रैप स्टाइलशीट पंजीकृत है, बूटस्ट्रैप के btn-danger CSS वर्ग का उपयोग कर प्रयास करें। नकारात्मकता यह है कि आप संभवतः केंडो यूआई बनाम बूटस्ट्रैप शैली के संघर्षों पर ठोकर खाएंगे और परिणामस्वरूप बटन उपस्थिति दो पुस्तकालयों की शैलियों के बीच एक मिश्रण होगी।

  2. अपना खुद का केंडो यूआई "खतरे" बटन स्टाइल बनाएं।

    .k-button.k-danger, 
    .k-button.k-danger:active { 
        background-color: #f00; 
        color: #fff; 
        border-color: #f00; 
    } 
    
3
k-danger does not have any style in kendo css, 

आप अपने परिणाम प्राप्त करने के लिए या सिर्फ बूटस्ट्रैप सीएसएस जोड़ने के अपने कस्टम शैली बनाने के लिए की जरूरत है: उदाहरण के लिए, एक स्टाइलशीट, जो केंडो यूआई स्टाइलशीट के बाद पंजीकृत है निम्न CSS नियम जोड़ने और आप खतरे बटन में "बीटीएन बीटीएन-खतरे" वर्ग जोड़ें।

चेक इस JsBin डेमो

Js Bin Example

2

डिफ़ॉल्ट रूप से केन्डो k-error-coloredshown here के रूप में प्रदान करते हैं।

अन्य आसान वर्ग हैं:

  • k-info-colored
  • k-success-colored
  • k-warning-colored

तुम बस k-button

This jsfiddle के साथ उपयोग करने के लिए है पता चलता है कि यह कैसे प्रस्तुत करना।

enter image description here

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