30/09/2018, 18:39

Hỏi cách sử dụng list js trên trang listjs.com

Mọi người ơi cho em hỏi, em coi code trên trang
http://www.listjs.com/examples/table

này về nhưng nó không chạy như trên trang web đã ví dụ. Không biết down về có cần thêm file gì ko nữa? mong mọi người giúp đỡ

Phạm Đại Nghĩa viết 20:48 ngày 30/09/2018

Bạn show code đi. Nhớ kiếm tra console xem có thông báo lỗi gì không nhé.

Jonly Tran viết 20:41 ngày 30/09/2018

code cua mình nè bạn. Bên console không hiên lỗi.

code PHP

<link rel="stylesheet" type="text/css" href="css-table.css">
<div id="users">
  <input class="search" placeholder="Search" />
  <button class="sort" data-sort="name">
    Sort by name
  </button>
  <table>
    <!-- IMPORTANT, class="list" have to be at tbody -->
    <tbody class="list">
      <tr>
        <td class="name">Jonny Stromberg</td>
        <td class="born">1986</td>
      </tr>
      <tr>
        <td class="name">Jonas Arnklint</td>
        <td class="born">1985</td>
      </tr>
      <tr>
        <td class="name">Martina Elm</td>
        <td class="born">1986</td>
      </tr>
      <tr>
        <td class="name">Gustaf Lindqvist</td>
        <td class="born">1983</td>
      </tr>
    </tbody>
  </table>

</div>
<script src="http://listjs.com/no-cdn/list.js"></script>

code javascript

var options = {
  valueNames: [ 'name', 'born' ]
};

var userList = new List('users', options);

Phạm Đại Nghĩa viết 20:47 ngày 30/09/2018

Đúng theo code của bạn này:

ListJS vẫn chạy bt mà.

Jonly Tran viết 20:55 ngày 30/09/2018

Của mình hiện ra bảng nhưng nhập vô thì nó hk lọc ra dữ liệu.

Phạm Đại Nghĩa viết 20:54 ngày 30/09/2018

Sort và Filter vẫn hoat động bt mà.

Jonly Tran viết 20:46 ngày 30/09/2018

Mình chạy file đó tren dreamweaver cs6 á ban. Làm như nó hk hiểu cái hàm js của t á

Phạm Đại Nghĩa viết 20:47 ngày 30/09/2018

Không phải đâu, học lập trình đừng đổ tại phần mềm hay trình biên dịch. Bạn phải xem thật kĩ code của mình trước đã.

Mình chạy html trên chrome là test được TH của bạn rồi. Ở đây toàn html và JS thôi mà

Jonly Tran viết 20:47 ngày 30/09/2018

Cám ơn bạn. Hùi nãy mình làm lại thì chạy rồi. Nhưng bây giờ mình áp dụng vô bài của mình có select csdl ra thì nó lại hk chạy nữa.

<script type="text/javascript" src="http://listjs.com/no-cdn/list.js"></script>

<script type="text/javascript">
	var options = {
		  valueNames: [ 'tenmon', 'loaimon' ]
		};
	var monanList = new List('monan', options);
</script>

<!--<link rel="stylesheet" type="text/css" href="../css/css-input.css"/>-->

<?php
		$sql ="SELECT mamon,tenmon,loaimon,dongiale FROM monan, loaimon WHERE monan.loaimon = loaimon.MaLoaiMon";
		$monan= mysql_query($sql);
		

?>

	<div class="left" id="monan">
           <input class="search" placeholder="Search" />
  			<button class="sort" data-sort="name">Sort by name </button>
      
      <table width="418" border="1" class="ds">
            	<!--<tr>
                    <td width="35" height="31">STT</td>
                    <td width="96">Mã món</td>
                    <td width="107">Tên món</td>
                    <td width="102">Loại món</td>
                    <td width="111">Đơn giá (VNĐ)</td>
                    <td colspan="2">Quản trị</td>
      			</tr>-->
                <?php
					$i = 1;
					while($dong = mysql_fetch_array($monan)){
 		 		?>
             <tbody class="list">
               <tr>
                 <td width="35" height="31"><?php echo $i ?></td>
                 <td width="96"><?php echo $dong["mamon"] ?></td>
                 <td class="tenmon" id="tenmon"><?php echo $dong["tenmon"] ?></td>
                 <td class="loaimon" id="loaimon"><?php echo $dong["loaimon"] ?></td>
                 <td width="111"><?php echo $dong["dongiale"] ?></td>
                 <td width="32">
                    <a href="indexqtri.php?quanly=monan&ac=suamon&mamon=<?php echo $row["mamon"]?>">
                  <img src=
                           "../images/icon/SUA.png"/>
                     </a>
                            
        		</td>
       			<td width="38">
        	 		<a href="modules/monan/xulyMA.php?mamon=<?php echo $row["mamon"] ?>">
                           <img src=
                           "../images/icon/xoa1.gif"  onclick="xoa()"; />
                    </a>
                           
        		</td>
                    <?php $i ++; } ?>
      		</tr>
     	</tbody>
     </table>
</div>

Phạm Đại Nghĩa viết 20:54 ngày 30/09/2018

Bạn thử cái này xem

window.onload = function(){

var options = {
		  valueNames: [ 'tenmon', 'loaimon' ]
		};
	var monanList = new List('monan', options);

}

Jonly Tran viết 20:46 ngày 30/09/2018

mình thêm vô thì nó có load chạy, nhưng không lọc hiệu quả bạn ơi. Nó tìm không chính xác nhưng bài test trên . Hầu như là mình tìm mấy món ở phía dưới là nó không lọc được chỉ lọc bỏ bớt 1 dòng à