C \ # 프론트 페이지 바 인 딩 데이터, JSON

6488 단어
당신들 이 이렇게 대단 한데 도 왜 내 블 로 그 를 보 러 오 셨 는 지 정말 기 쁩 니 다. 백 군 이 나 누 었 습 니 다. 자신 은 그 당시 에 잘 몰 랐 습 니 다. 알 고 보 니 내용 이 모두 간단 하 다 는 것 을 알 게 되 었 습 니 다. 여러분 께 서 아낌없이 가르쳐 주 십시오.
c \ # 프론트 데스크 톱 과 백 스테이지 의 바 인 딩 은 다음 과 같은 몇 가지 로 나 뉜 다. 1. 데이터 바 인 딩 2. 페이지 바 인 딩 3. JSON 바 인 딩
1. 데이터 바 인 딩 데이터 바 인 딩 도 두 가지 로 나 눌 수 있 습 니 다!
<%#Eval("var")%>  //var     
<%=var%>//var           

2. 페이지 바 인 딩 저 는 먼저 프론트 페이지 와 백 스테이지 페이지 를 간단하게 쓴 다음 에 연결 합 니 다.프론트 페이지 는 다음 코드 와 같 습 니 다.
                    <div class="Programer">
                        <h1>      h1>
                        <ul ul style="display: inline-block;position: absolute;">
                            <li class="beauty">      li>
                            <li class="chou">     li>
                        ul>
                    div>

페이지 바 인 딩 방법: 다음 코드 에서 보 듯 이 '문자열 맞 추기' 방식 으로 프론트 데스크 html 코드 를 복사 하여 문자열 로 맞 추 면 html 코드 의 작은 따옴표 가 모두 작은 따옴표 로 바 뀌 면 됩 니 다.이 방법 은 매우 쓰기 좋 습 니 다. 데이터 베 이 스 를 연결 하 는 것 도 이런 방법 입 니 다.배경 페이지 코드 는 다음 과 같 습 니 다.
str[i]+="<div class='Progrmer'><h1>      h1>";
str[i]+="<ul ul style='display: inline-block;position: absolute;'>";
str[i]+="<li class='beauty'>      li> <li class="chou">     li>ul>div>";

설명: str [i] 는 제 출력 방식 입 니 다. 여 기 는 어떻게 연결 하 는 지 만 말 합 니 다.
3. JSON 바 인 딩 프론트 JS 코드 는 다음 과 같 습 니 다.
var dataY = [152, 1081, 181, 381, 83, 103, 303];

배경 JS 의 코드 를 프론트 페이지 에 표시 하려 면 JSON 을 연결 해 야 합 니 다. 첫 번 째 단계: 프론트 데스크 에 Input 탭 을 쓰 고 id = "text 1" style = "display: none",
"txtqdhyl" type="text" style="display: none" runat="server" />

두 번 째 단계: 프론트 데스크 의 JS 코드 를 문자열 로 연결 합 니 다.
string str="[" + dt.Rows[i]["value"] + "]";
//dt.Rows[i]["value"] [152, 1081, 181, 381, 83, 103, 303]       

STEP 3: JSON 코드 쓰기
var data = document.getElementById("text1").value;//   text1 input id
var dataY = JSON.parse(data);// JSON        :var dataY = [152, 1081, 181, 381, 83, 103, 303];

STEP 4: 배경 획득 치
text1.Value=str   //text1.Value    ,str           

주의: 프론트 데스크 의 JS 코드 에 표시 되 지 않 아 도 되 는 다른 데이터 가 있다 면, 예 를 들 어:
data:
                [{                    
                    name: '  ',
                    itemStyle: {
                        normal: {
                            color: '#f845f1'
                        }
                    }
                },
                {                    
                    name: '  ',
                    itemStyle: {
                        normal: {
                            color: '#f845f1'
                        }
                    }
                },
                .
                .
                .
             ]

이 data 의 name 은 프론트 에 표시 해 야 합 니 다. 다른 정 보 는 표시 할 필요 가 없 으 면 배열 의 방법 으로 표시 할 수 있 습 니 다.

좋은 웹페이지 즐겨찾기