2013-01-18 4 views
2

kendoNumericTextBox 문서에서 스피너를 활성화하거나 비활성화하는 스피너이라는 속성이 있음을 발견했습니다.격자의 숫자 필드에서 스피너 제거

질문은 어떻게 액세스하여 격자의 숫자 필드에서 false로이 속성을 설정할 수 있습니다. 현재 단계에서 숫자로 필드를 선언합니다.

http://demos.kendoui.com/web/grid/editing-custom.html이이 시나리오에서 도움이 될 수 있는지 아니면 더 쉬운 해결 방법이 있는지 나는 모른다.

답변

6

kendoNumericTextBox의 초기화에 spinners 플래그가 있습니다.

$("#numeric").kendoNumericTextBox({ 
    spinners : false 
}); 

EDIT 당신이 열 정의에 editor 함수를 정의해야 grid에서 그것을 사용하기 위해

.

function editNumberWithoutSpinners(container, options) { 
    $('<input data-text-field="' + options.field + '" ' + 
      'data-value-field="' + options.field + '" ' + 
      'data-bind="value:' + options.field + '" ' + 
      'data-format="' + options.format + '"/>') 
      .appendTo(container) 
      .kendoNumericTextBox({ 
       spinners : false 
      }); 
} 
+0

나는 이미 내 질문에 스피너라는 플래그가 있다는 것을 언급했다. 내 질문은 검도 표 필드에서 수치를 해제하는 방법입니다. – Stephan

+0

죄송합니다! 표 셀의 회 전자에 대해서는 ** EDIT **를 참조하십시오. – OnaBai

+0

대단히 감사합니다. 정말 도움이되었습니다. – Stephan

2

늦게 게임을하지만 난 그냥 CSS로 주변에 바이올린이 트릭 할 것 같다 :

1. 숨기기 선택 영역 내를 예 : 같은

{ field: "number", title: "Number", editor: editNumberWithoutSpinners } 

그리고 정의 editNumberWithoutSpinners 숫자 텍스트 상자 2. 선택자를 위해 추가 된 오른쪽 패딩을 제거하십시오.


.k-numerictextbox .k-select { display: none; } 
.k-numerictextbox .k-numeric-wrap { padding-right: 2px; } 

분명히 html을 검사하여 해당 스타일이 존재하는지 확인하고 상황에 따라 더 포괄적으로 만들 수 있습니다.

관련 문제