뭐 하나 .. 만들어 보고 싶어서. 해보고 있는데 .. 역시 기초가 없으니 .. 처음부터 막히네요 .. 뭐가 뭔지도 모르겠구요 ..
다름이 아니라 .. 자바 스크립트 쪽에서
var dataObject = <?= json_encode($tasks) ?>;
var menuObject = <?= json_encode($menus) ?>;
$('#example').DataTable({
data:dataObject,
columns: [
{ data: "od_r_dest_addr" ,title: menuObject['kor']},
],
대략 이런 식입니다.. title 란에 json 으로 가저온 데이터의 값을 넣어야 하는데 .. 저런식으로 넣으면
json 의 데이터값이 들어가는게 아니라 ..
클라이언트 상에 { data: "od_r_dest_addr" ,title: menuObject['kor']}, 이런식으로 입력값 그대로 들어갑니다.. 변수의 값이 들어가야 하는데요
{} 나 {% %} 이런걸로 감싸봐도 오류가 납니다... 위 소스에서 menuObject['kor'] 에 변수가 가지고 있는 값을 넣으려면 어떤식으로
해야 하는지 알고 싶습니다.
https://msdn.microsoft.com/ko-kr/library/cc836466(v=vs.94).aspx
À§ ¸µÅ©¸¦ È®ÀÎÇØ º¸¼¼¿ä.
json µ¥ÀÌŸ´Â ¹®ÀÚ¿ °ªÀ»·Î ÀνÄÀ» ÇÕ´Ï´Ù.
json µ¥ÀÌŸÀÇ formatÀº key:value ÀÔ´Ï´Ù.value¿¡´Â ¹®ÀÚ¿ÀÌ µé¾î°¥¼öµµ, array °¡ µé¾î °¥¼öµµ ÀÖ½À´Ï´Ù.
°ªÀÌ µé¾îÀÖ´Â°Ç È®ÀÎ Çß½À´Ï´Ù..
±× °ªÀÌ ¾Æ·¡ÂÊ¿¡ .. µé¾î°¡¾ß Çϴµ¥ º¯¼ö¸í ±×´ë·Î ½ºÅ©¸³Æ®¿¡ µé¾î°¡¼ ¹®Á¦°¡ µÇ°í ÀÖ½À´Ï´Ù.
https://www.google.co.kr/search?q=jquery+json+parse&ie=utf-8&oe=utf-8&client=firefox-b&gfe_rd=cr&ei=5uzzV7XDO9PU8Afd7IGoDA
http://api.jquery.com/jquery.parsejson/
À§ ¸µÅ©·Î È®ÀÎ Çغ¸½Ã±æ ¹Ù¶ø´Ï´Ù ^^
jquery´Â ¾Æ·¡ ¸µÅ©¿¡¼ Âü°í ÇÒ ¼ö ÀÖÀ»°Ì´Ï´Ù.
ù¹ø° Áú¹®¿¡¼
var dataObject = <?= json_encode($tasks) ?>;
var menuObject = <?= json_encode($menus) ?>;
ÀÌ·¸°Ô »ç¿ëÇϽŠ°É·Î º¸¾Æ¼ php ÀÎµí ½ÍÀºµ¥(Á¤È®ÇÏÁø ¾Ê½À´Ï´Ù.) ¼¹ö¿¡¼ ¹ÞÀº json °ªÀ», Ŭ¶óÀ̾ðÆ®ÀÎ ºê¶ó¿ìÁ®¿¡¼ ºñµ¿±â·Î °¡Á®¿Í ÆÄ½Ì ÈÄ id °¡ title ÀÎ attribue¿¡Ãâ·ÂµÇ°Ô ÇϽô °Í °°¾Æ º¸À̴µ¥¿ä. À¥ ÇÁ·Î±×·¥¿¡¼ µ¥ÀÌÅÍ µ¿Àû¹ÙÀεùÀº ¼¹ö¿Í Ŭ¶óÀ̾ðÆ®ÀÎ ºê·¯¿ìÀúÀÇ Åë½ÅÀ¸·Î ±¸ÇöÇÏ°ï ÇÕ´Ï´Ù.
»ç¿ëÀÚ¸¶´Ù ¿øÇÏ´Â ¸Þ´º ¼ø¼µéÀÌ Æ²·Á¼ ±× ¼ø¼¸¦ µ¿ÀûÀ¸·Î ¼¯¾î¼ º¸¿©Áà¾ß Çؼ¿ä..
ajax ³ª $menu ¸¦ post¸¦ ¹Þ±â Àü ó¸®ÇÏ°í ¹ÞÀ¸¸é µÇ±ä Çϴµ¥.. ÇöÀç»óȲ¿¡¼´Â post·Î ¹Þ°í À־ä.ÀÏ´Ü Å×½ºÆ®¸¦ Çغ¸·Á°í Çϴµ¥ .. º¯¼ö°ªÀÌ ¾È³ª¿À°í
º¯¼ö¸íÀÌ ±×´ë·Î ÀÚ¹Ù½ºÅ©¸³Æ®·Î µé¾î°¡¼ ¹®Á¦ÀÔ´Ï´Ù. ¤Ì¤Ì
data:dataObject,
columns: [
{ data: "od_r_dest_addr" ,title: menuObject['kor']},
],
ÀÌ ºÎºÐÀ» º¸´Ï https://datatables.net/examples/ajax/simple.html ÀÌ ¸µÅ©ÀÇ ¿¹Á¦¿Í À¯»çÇϱº¿ä.
ajax´ø post °ªÀÌ´ø Ãâ·Â ÇØÁÖ´Â°Ç »ó°ü¾øÀÌ Àß µÇ°í ÀÖ½À´Ï´Ù.
Ä÷³ ÆøÀ̳ª Ä÷³ ŸÀÌƲÀ» ¹Ù²Ù·Á´Âµ¥ ¸·Çô°¡Áö°í¿ä ¤Ì¤Ì.
°ªÀÌ Á¤»óÀûÀ̸é title: menuObject.kor
·Î ¹Ù²ã º¸¼¼¿ä..
¸»¾¸ÇϽŵ¥·Î title: menuObject.kor ·Î Çصµ html »ó¿¡¼
{ data: "od_r_dest_addr" ,title: menuObject.kor},
ÀÌ·¸°Ô ÀÔ·ÂÀÌ µÇ³×¿ä ..
¶ó°í Çϸé
{ data: "od_r_dest_addr" ,title: "¼ö·ÉÀÚÁÖ¼Ò"}
ÀÌ·±½ÄÀ¸·Î µé¾î°¡¾ß Çϰŵç¿ä ¤Ì¤Ì
¾î·¹ÀÌ¿¡ ¿©·¯°³ µé¾îÀÖ¾î¼ index °ªÀ» ¾ÈÁ༠±×·±°Å³×¿ä
{ data: "od_r_dest_addr" ,title: menuObject[0]['kor']}
·Î Çϴϱî Àߵ˴ϴÙ.. ´äº¯ ÁÖ½ÅºÐµé °¨»çÇÕ´Ï´Ù..