Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 106,491

HOME > PHP > PHP Forum > ถามการตั้งค่า maxlength ในการข้อมูลช่อง textbox ของ datagrid


 

ถามการตั้งค่า maxlength ในการข้อมูลช่อง textbox ของ datagrid

 



Topic : 120940



โพสกระทู้ ( 37 )
บทความ ( 0 )



สถานะออฟไลน์




ผมได้ตัวอย่าง datagrid viewer ตามลิงค์ http://www.jeasyui.com/demo/main/index.php
แต่จะ กำหนด max length input ในช่องกรอกสินค้าเหมือน <input name="" maxlength=""> (ตามภาพด้านล่าง)
ตัวอย่าง การกรอกข้อมูลในช่องสินค้า 1
เพื่อไม่ให้ผู้ใช้กรอกข้อมูลสินค้าเกินแบบฟอร์มนะครับ พอมีวิธีการไหมครับ ลองตั้ง css หรือ js ดูไม่ได้อยู่ครับ



Tag : PHP, JavaScript, jQuery, JAVA







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-01-18 11:50:45 By : fad1412 View : 690 Reply : 9
 

 

No. 1



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ไม่มี code ที่ใช้อยู่ให้ เทสหรอคับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 12:45:44 By : progamer2000
 


 

No. 2



โพสกระทู้ ( 37 )
บทความ ( 0 )



สถานะออฟไลน์


ตัวที่ใช้อยู่เดิม เป็น VB6 ครับ แต่ผมพัฒนาต่อยอดเป็น Web Application เลยหาแกะโค้ตเอา และทดสอบเองครับ
ที่ตัว demo ที่หาให้ css กับ js ของโค้ตมา มันค่อนข้างสำเร็จรูป + ระยะเวลาแกะโค้ตนาน เลยขอคำปรึกษาหน่อยครับ
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>

หรือมีตัวอย่าง datagrid อื่นที่นำมาปรับใช้ง่าย ๆ หน่อยก็ดีครับพี่
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 13:08:32 By : fad1412
 

 

No. 3



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

- -"

ผมไม่รู้คุณเขียน code ไว้ยังไง ถึงกำหนด maxlength ไม่ได้อะครับ

จะให้ผมไปนั่ง code ใหม่ทั้งหมด มันก็คงไม่ใช่นะ เพื่อหาว่าคุณบั๊กตรงไหน

คุณควรจะแปะ code + ข้อมูลตัวอย่างที่ให้ คนช่วยเขาเอาไป เทสรันได้ ออกมาหน้าตาเหมือนที่คุณทำ เขาจะได้ช่วยหาว่า มันบั๊กตรงไหนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 13:50:35 By : progamer2000
 


 

No. 4



โพสกระทู้ ( 37 )
บทความ ( 0 )



สถานะออฟไลน์


นี่คือโค้ต ตัวอย่างที่ผมนำมาทดสอบครับ จะให้ maxlength เฉพาะ column field phone มีค่าเป็น 10 อักษร ขอคำปรึกษาด้วยครับ

ไฟล์ index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="keywords" content="jquery,ui,easy,easyui,web">
	<meta name="description" content="easyui help you build your web page easily!">
	<title>Build CRUD DataGrid with jQuery EasyUI - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.edatagrid.js"></script>
	<script type="text/javascript">
		$(function(){
			$('#dg').edatagrid({
				url: 'get_users.php',
				saveUrl: 'save_user.php',
				updateUrl: 'update_user.php',
				destroyUrl: 'destroy_user.php'
			});
		});
	</script>
</head>
<body>
	<h2>CRUD DataGrid</h2>
	<div class="demo-info" style="margin-bottom:10px">
		<div class="demo-tip icon-tip">&nbsp;</div>
		<div>Double click the row to begin editing.</div>
	</div>
	
	<table id="dg" title="My Users" style="width:700px;height:250px"
			toolbar="#toolbar" pagination="true" idField="id"
			rownumbers="true" fitColumns="true" singleSelect="true">
		<thead>
			<tr>
				<th field="firstname" width="50" editor="{type:'validatebox',options:{required:true}}">First Name</th>
				<th field="lastname" width="50" editor="{type:'validatebox',options:{required:true}}">Last Name</th>
				<th field="phone" width="50" editor="{type:'validatebox',options:{required:true}}">Phone</th>
				<th field="email" width="50" editor="{type:'validatebox',options:{validType:'email'}}">Email</th>
			</tr>
		</thead>
	</table>
	<div id="toolbar">
		<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:$('#dg').edatagrid('addRow')">New</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="javascript:$('#dg').edatagrid('destroyRow')">Destroy</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:$('#dg').edatagrid('saveRow')">Save</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="javascript:$('#dg').edatagrid('cancelRow')">Cancel</a>
	</div>
	
</body>
</html>


ตารางฐานข้อมูล
Code (SQL)
/*
MySQL Data Transfer
Source Host: localhost
Source Database: mydb
Target Host: localhost
Target Database: mydb
Date: 2011/6/3 13:59:12
*/

SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for users
-- ----------------------------
CREATE TABLE `users` (
  `id` int(11) NOT NULL auto_increment,
  `firstname` varchar(50) default NULL,
  `lastname` varchar(50) default NULL,
  `phone` varchar(200) default NULL,
  `email` varchar(200) default NULL,
  PRIMARY KEY  (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records 
-- ----------------------------
INSERT INTO `users` VALUES ('3', 'fname1', 'lname1', '(000)000-0000', 'name1@gmail.com');
INSERT INTO `users` VALUES ('4', 'fname2', 'lname2', '(000)000-0000', 'name2@gmail.com');
INSERT INTO `users` VALUES ('5', 'fname3', 'lname3', '(000)000-0000', 'name3@gmail.com');
INSERT INTO `users` VALUES ('7', 'fname4', 'lname4', '(000)000-0000', 'name4@gmail.com');
INSERT INTO `users` VALUES ('8', 'fname5', 'lname5', '(000)000-0000', 'name5@gmail.com');
INSERT INTO `users` VALUES ('9', 'fname6', 'lname6', '(000)000-0000', 'name6@gmail.com');
INSERT INTO `users` VALUES ('10', 'fname7', 'lname7', '(000)000-0000', 'name7@gmail.com');
INSERT INTO `users` VALUES ('11', 'fname8', 'lname8', '(000)000-0000', 'name8@gmail.com');
INSERT INTO `users` VALUES ('12', 'fname9', 'lname9', '(000)000-0000', 'name9@gmail.com');
INSERT INTO `users` VALUES ('13', 'fname10', 'lname10', '(000)000-0000', 'name10@gmail.com');


การ เรียกดู บันทึก แก้ไข และลบข้อมูล จะเป็น php (ตามลำดับ)

ไฟล์ get_users.php
include_once 'inc/connect_db.php';
$rs = mysql_query('select * from users');
$result = array();
while($row = mysql_fetch_object($rs)){
	array_push($result, $row);
}

echo json_encode($result);



ไฟล์ save_user.php
$firstname = $_REQUEST['firstname'];
$lastname = $_REQUEST['lastname'];
$phone = $_REQUEST['phone'];
$email = $_REQUEST['email'];

include 'inc/connect_db.php';

$sql = "insert into users(firstname,lastname,phone,email) values('$firstname','$lastname','$phone','$email')";
@mysql_query($sql);
echo json_encode(array(
	'id' => mysql_insert_id(),
	'firstname' => $firstname,
	'lastname' => $lastname,
	'phone' => $phone,
	'email' => $email
));



ไฟล์ update_user.php
$id = intval($_REQUEST['id']);
$firstname = $_REQUEST['firstname'];
$lastname = $_REQUEST['lastname'];
$phone = $_REQUEST['phone'];
$email = $_REQUEST['email'];

include 'inc/connect_db.php';

$sql = "update users set firstname='$firstname',lastname='$lastname',phone='$phone',email='$email' where id=$id";
@mysql_query($sql);
echo json_encode(array(
	'id' => $id,
	'firstname' => $firstname,
	'lastname' => $lastname,
	'phone' => $phone,
	'email' => $email
));


ไฟล์ destroy_user.php
$id = intval($_REQUEST['id']);

include 'inc/connect_db.php';

$sql = "delete from users where id=$id";
@mysql_query($sql);
echo json_encode(array('success'=>true));



ประวัติการแก้ไข
2016-01-18 14:26:02
2016-01-18 14:27:09
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 14:25:25 By : fad1412
 


 

No. 5



โพสกระทู้ ( 28 )
บทความ ( 0 )



สถานะออฟไลน์


เว็บนี้มีตัวอย่างให้ครับ หรือต้องการแบบใส่ได้เฉพาะตัวเลขด้วย #เห็นว่าเป็นเบอร์โทรศัพท์
http://www.w3schools.com/tags/att_input_maxlength.asp


ประวัติการแก้ไข
2016-01-18 15:27:13
2016-01-18 15:27:19
2016-01-18 15:27:49
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 15:26:52 By : best5566
 


 

No. 6



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ยอมแพ้คับ jquery มัน append row โดย datatable พยายามเขียนให้มันแทรก maxlength ด้วย jquery มันไม่ได้แฮะ แต่ถ้าแปะไปหลังจาก กดใน console log มันยอม
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 16:32:49 By : progamer2000
 


 

No. 7



โพสกระทู้ ( 10 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

Code (JavaScript)
$('#dg').datagrid({
	columns:[[
		{field:'address2',title:'ที่อยู่ 2', width:80,
			formatter: function(value,row,index){
				if (value.length > 10){
					return value.substring(0, 10);
				} else {
					return value;
				}
			}
		}
	]]
});


ผมมั่วเอาแบบนี้ได้มัยครับ


ประวัติการแก้ไข
2016-01-18 16:55:27
2016-01-18 16:56:10
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 16:54:34 By : มานะ
 


 

No. 8

Guest


ดู selector ตอนมันรันเสร็จแล้ว ยิง javascript setAttribute("maxlength", "10")
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 16:58:24 By : noMerzy
 


 

No. 9



โพสกระทู้ ( 37 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบคำถามพี่ มานะ ยังไม่ได้ครับ ลองใส่ดูจะแสดงเฉพาะ field ที่อยู่ 2 ตัวเดียว field ไม่แสดง

ตอบคำถามพี่ Guest ผม Copy สร้างไฟล์ CSS กับ JS มาครับ จากลองไล่ดูก่อน

ตอบคำถามพี่ Boat Junior ขอบคุณครับ

(ปล. ถ้าไม่ได้ไม่เป็นไรคับพี่ ผมคงกำหนด length ที่ DB แทน กัน User พิมพ์เกินบันทึกครับ เจอเอาโค้ตยากนั่งแกะมันจะนานไป)
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-18 17:33:25 By : fad1412
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ถามการตั้งค่า maxlength ในการข้อมูลช่อง textbox ของ datagrid
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





Exchange: Voake, Comcube, ปรึกษากฎหมายฟรี 24 , ขายเครื่องเสียงมือสอง,vps | เช่า vps , รับทำเว็บไซต์ รับเขียนโปรแกรม

Load balance : Server 01
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2018 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 08-9968-0655 อัตราราคา คลิกที่นี่