2015-09-17 29 views
1

我有以下幾點:劍道numberictextbox邊境

@(Html.Kendo().NumericTextBox() 
    .Name("Qty") 
    .HtmlAttributes(new { style = "width: 80px;height: 15px;font-size: 11px;" }) 
    .Format("#") 
    .Value(1) 
    .Spinners(false)) 

在JavaScript中,我有這樣的:

var widget = $("#Qty").kendoNumericTextBox().data("kendoNumericTextBox"); 
widget.wrapper.css("border", "1px solid red").find(".k-select").hide(); 

我怎樣才能解決這個問題,使紅色邊框出現在盒子的底部?

enter image description here

+0

您需要使用您的瀏覽器開發者工具才能看到 - 爲什麼不顯示邊界?它是隱藏的還是這個CSS規則被覆蓋?如果它被覆蓋,那麼通過哪個規則? –

回答

0

你的高度太小,無法字體大小(高度:15像素)。也許你應該考慮增加它或一起去除它。

而且獲得在JavaScript小部件的引用時,你應該使用:

var widget = $("#Qty").data("kendoNumericTextBox"); 

代替:

var widget = $("#Qty").kendoNumericTextBox().data("kendoNumericTextBox"); 

否則您將創建控件的第二個實例,設定MVC包裝劍道時將自動初始化小部件,不需要顯式初始化它。

重複劍道UI窗口小部件初始化 當使用劍道UI服務器端包裝物(如服務器側包裝自動初始化)或正被在事件處理程序創建的窗口小部件時執行多次,能夠不止一次地在同一個DOM元素上初始化一個小部件。在這種情況下,當目標是獲取實例對象時,不要嘗試重新創建小部件實例。

一個常見的錯誤是當目標只是獲取實例對象時重新創建一個小部件實例。不支持重複初始化,並導致意想不到的副作用。

http://docs.telerik.com/kendo-ui/intro/jquery-initialization#duplicate-kendo-ui-widget-initialization