! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

selector 선택된 Row값 가져오기, 셀버튼 만들기 문의 > Q&A | 토론

본문 바로가기

ASP.NET MVC Core selector 선택된 Row값 가져오기, 셀버튼 만들기 문의

페이지 정보

작성자 Nexus 작성일 2023-06-15 16:39 조회 201회 댓글 0건
제품 버전 : 2023v1

본문

안녕하세요

두가지 문의드립니다.


1. 아래에서 c1-flex-grid-selector로 선택된 값을 가져오는 방법

<c1-flex-grid id="FlexGrid" auto-generate-columns="false" allow-sorting="true" class="grid" ime-enabled="true" allow-add-new="true" allow-delete="true" auto-clipboard="true">

    <c1-items-source batch-edit-action-url="@Url.Action("RemoteBindBatchEdit")" disable-server-read="true"></c1-items-source>

    <c1-flex-grid-column binding="userId"></c1-flex-grid-column>

    <c1-flex-grid-column binding="userName"></c1-flex-grid-column>

    <c1-flex-grid-column binding="userEmail"></c1-flex-grid-column>

    <c1-flex-grid-column binding="guidSalt" is-read-only="true"></c1-flex-grid-column>

    <c1-flex-grid-column binding="rngSalt" is-read-only="true"></c1-flex-grid-column>

    <c1-flex-grid-column binding="passwordHash" is-read-only="true"></c1-flex-grid-column>

        <c1-flex-grid-selector show-check-all="true"></c1-flex-grid-selector>

</c1-flex-grid>


2. 아래 코드로 버튼이 생성되지않습니다. 
https://www.grapecity.com/componentone/docs/mvc/online-mvc-core/template-functions.html



function createButton(CellMaker) {
            return CellMaker.makeButton({
                text: '<b>${item.Country}</b> Button',
                click: function (e, ctx) {
                    alert('Clicked Button ** ' + ctx.item.Country + ' **');
                }
            });
        }
<c1-flex-grid-column binding="Country" header="CellMaker Button" width="150" align="center" template-function="createButton"></c1-flex-grid-column>
  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

ASP.NET MVC Core Re: selector 선택된 Row값 가져오기, 셀버튼 만들기 문의

추천1 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 GCK싸이먼 작성일 2023-06-20 13:35 댓글 0건

본문

첨부파일

안녕하세요 

그레이프시티 입니다.


1. c1-flex-grid-selector로 선택된 값을 가져오는 방법 

isSelected 속성을 사용하여 행을 필터링할 수 있습니다. 아래의 코드를 참고하시면 구현이 가능하실 겁니다.

<button onclick="console.log(fgData.rows.filter(r=>r.isSelected))">getSelectedRows</button>
<c1-items-source batch-edit-action-url="@Url.Action("RemoteBindBatchEdit")" disable-server-read="true"></c1-items-source>
<c1-flex-grid-column binding="userId"></c1-flex-grid-column>
<c1-flex-grid-column binding="userName"></c1-flex-grid-column>
<c1-flex-grid-column binding="userEmail"></c1-flex-grid-column>
<c1-flex-grid-column binding="guidSalt" is-read-only="true"></c1-flex-grid-column>
<c1-flex-grid-column binding="rngSalt" is-read-only="true"></c1-flex-grid-column>
<c1-flex-grid-column binding="passwordHash" is-read-only="true"></c1-flex-grid-column>
<c1-flex-grid-selector show-check-all="true"></c1-flex-grid-selector>
</c1-flex-grid>
<c1-flex-grid id="FlexGrid" auto-generate-columns="false" allow-sorting="true" class="grid" ime-enabled="true" allow-add-new="true" allow-delete="true" auto-clipboard="true">



2. 셀 버튼 생성 방법

CellMaker 클래스는 wijmo.grid.cellmaker 객체에 속해 있습니다. 

아래의 샘플 코드와 첨부드리는 샘플 프로젝트를 참고하시면 구현이 가능하실 겁니다.

function makeButton(s) {
    console.log(s)
        return wijmo.grid.cellmaker.CellMaker.makeButton({
            text: '<b>${item?.userId}</b> Button',
            click: function (e, ctx) {
                alert('Clicked Button ** ' + ctx.item?.userId + ' **');
            }
        });
    }


추가적으로 궁금하신 사항은 문의해 주시기 바랍니다.

감사합니다.

그레이프시티 드림.

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.