다른 필드 변경 후 Kendo UI AutoComplete의 전송 URL 변경

디에고 가르시아

사용자가 다른 검도 자동 완성에서 고객을 선택한 후 일부 제품을로드 할 검도 자동 완성의 전송에 사용되는 컨트롤러 ID를 설정해야하지만이를 수행 할 방법을 찾을 수 없습니다.

나는 ASP를 사용하고 있습니다. kendo ui 및 web api가있는 net mvc 5이며 이것은 현재 코드입니다.

@(Html.Kendo().AutoComplete()
                                .Name("Product")
                                .DataTextField("Description")
                                .Filter("startswith")
                                .MinLength(3)
                                .Placeholder("Digite o nome de um produto")
                                .Events(events => events.Select("ProductSelect"))
                                .ValuePrimitive(true)
                                .HtmlAttributes(new { @class = "form-control", @style = "display:block; width: 100%; max-width: 100%; ", @data_bind = "value: productName", @required = true })
                                .DataSource(source =>
                                    source.Custom()
                                        .Transport(transport => transport
                                        .Read(read =>
                                        {
                                            read.Url(Url.HttpRouteUrl("DefaultApi", new { controller = "Product", id = "this should be dinamic changed" }))
                                            .Data("onProductAdditionalData");
                                        })
                                       )
                                        .Schema(schema =>
                                            schema
                                              .Data("Data")
                                              .Total("Total")
                                              .Errors("errors")
                                        )
                                   )
                    )
디에고 가르시아

몇 가지 테스트를 마친 후 작동하도록했습니다. 제 경우에는 다음 코드를 첫 번째 자동 완성에서 onSelectChange에 작성했습니다.

function CustomerSelect(e) {
            var DataItem = this.dataItem(e.item.index());
            if (DataItem.HasRestriction) {
                $("#CustomerID").val("");
                $("#Customer").data("kendoAutoComplete").value("");

                notification.show({
                    title: "Cliente com restrição",
                    message: "Por favor contate o departamento financeiro para mais informações."
                }, "error");

                e.preventDefault();
            }
            else {
                $("#CustomerID").val(DataItem.ID);
                $("#Customer").attr("disabled", true);
                $("#PaymentTermsID").data("kendoComboBox").input.focus();

                $("#Product").data("kendoAutoComplete").dataSource.transport.options.read.url = "@Url.HttpRouteUrl("DefaultApi", new { controller = "Product" })/" + DataItem.ID; //This is the responsable to change the url.
                $("#Product").data("kendoAutoComplete").dataSource.read(); //this forces the initial read after changed.
            }
        }

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

필드의 MySQL 변경 ID는 다른 필드 = "전송"입니다.

분류에서Dev

VB-다른 필드의 문자열이 "전송"인 경우 필드 ID 변경

분류에서Dev

URL 경로에서 _id 번호 변경 후 전송 오류

분류에서Dev

Kendo UI Validator 위치 변경

분류에서Dev

다른 탭마다 창의 URL 변경

분류에서Dev

Html 테이블의 Kendo UI 그리드-변경 이벤트가 발생하지 않습니다.

분류에서Dev

다른 드롭 다운 옵션을 변경 한 후 셀 집합의 드롭 다운 옵션 변경

분류에서Dev

다른 셀이 변경 될 때 Ajax 응답으로 Kendo 그리드 셀 변경

분류에서Dev

Kendo Multiselect는 드롭 다운 목록 div의 zindex 변경

분류에서Dev

드롭 다운이 변경 될 때 URL의 AngularJS 변경 매개 변수 값

분류에서Dev

키를 누른 후 반복적으로 전송되기 전 지연 변경

분류에서Dev

jQuery / Javasript : URL 변경 후 코드 실행

분류에서Dev

변경 후 드라이브의 재 변경 권한을 변경할 수 없습니다.

분류에서Dev

UI-Router : URL의 일부 변경

분류에서Dev

Rails_admin, 한 필드의 값을 다른 값으로 변경

분류에서Dev

버전 변경 후 g ++ 다운 그레이드

분류에서Dev

양식의 다른 필드에 대한 입력에 따라 WTForm 필드 변경

분류에서Dev

변경시 다른 필드 표시

분류에서Dev

다른 데이터 세트 변경 후 DGV 리필

분류에서Dev

서버를 다시 시작할 필요없이 코드를 변경 한 후 브라우저에서 R 반짝이 UI의 변경 사항을 즉시 확인 하시겠습니까?

분류에서Dev

Kendo 그리드 내의 데이터 변경이 너무 느립니다.

분류에서Dev

Kendo UI datepicker-월 변경 이벤트

분류에서Dev

for 루프 이후 전역 변수의 값이 변경되지 않습니다.

분류에서Dev

호버 div, 변경 : 다른 div의 의사 이후

분류에서Dev

MVC에서 Kendo UI 그리드의 툴팁 기본 동작을 변경할 수 있습니까?

분류에서Dev

입력 필드의 읽기 전용 속성 변경시 AngularJS 레이블 변경

분류에서Dev

터미널 창을 다시 연 후 "nvm use <version>"으로 노드 버전 변경이 변경되지 않음

분류에서Dev

UI 변경 / 다른 창에서 MainWindow의 기능 실행

분류에서Dev

Kendo UI Grid MVC에서 기본 필터 연산자를 변경하는 방법

Related 관련 기사

  1. 1

    필드의 MySQL 변경 ID는 다른 필드 = "전송"입니다.

  2. 2

    VB-다른 필드의 문자열이 "전송"인 경우 필드 ID 변경

  3. 3

    URL 경로에서 _id 번호 변경 후 전송 오류

  4. 4

    Kendo UI Validator 위치 변경

  5. 5

    다른 탭마다 창의 URL 변경

  6. 6

    Html 테이블의 Kendo UI 그리드-변경 이벤트가 발생하지 않습니다.

  7. 7

    다른 드롭 다운 옵션을 변경 한 후 셀 집합의 드롭 다운 옵션 변경

  8. 8

    다른 셀이 변경 될 때 Ajax 응답으로 Kendo 그리드 셀 변경

  9. 9

    Kendo Multiselect는 드롭 다운 목록 div의 zindex 변경

  10. 10

    드롭 다운이 변경 될 때 URL의 AngularJS 변경 매개 변수 값

  11. 11

    키를 누른 후 반복적으로 전송되기 전 지연 변경

  12. 12

    jQuery / Javasript : URL 변경 후 코드 실행

  13. 13

    변경 후 드라이브의 재 변경 권한을 변경할 수 없습니다.

  14. 14

    UI-Router : URL의 일부 변경

  15. 15

    Rails_admin, 한 필드의 값을 다른 값으로 변경

  16. 16

    버전 변경 후 g ++ 다운 그레이드

  17. 17

    양식의 다른 필드에 대한 입력에 따라 WTForm 필드 변경

  18. 18

    변경시 다른 필드 표시

  19. 19

    다른 데이터 세트 변경 후 DGV 리필

  20. 20

    서버를 다시 시작할 필요없이 코드를 변경 한 후 브라우저에서 R 반짝이 UI의 변경 사항을 즉시 확인 하시겠습니까?

  21. 21

    Kendo 그리드 내의 데이터 변경이 너무 느립니다.

  22. 22

    Kendo UI datepicker-월 변경 이벤트

  23. 23

    for 루프 이후 전역 변수의 값이 변경되지 않습니다.

  24. 24

    호버 div, 변경 : 다른 div의 의사 이후

  25. 25

    MVC에서 Kendo UI 그리드의 툴팁 기본 동작을 변경할 수 있습니까?

  26. 26

    입력 필드의 읽기 전용 속성 변경시 AngularJS 레이블 변경

  27. 27

    터미널 창을 다시 연 후 "nvm use <version>"으로 노드 버전 변경이 변경되지 않음

  28. 28

    UI 변경 / 다른 창에서 MainWindow의 기능 실행

  29. 29

    Kendo UI Grid MVC에서 기본 필터 연산자를 변경하는 방법

뜨겁다태그

보관