<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>datagrid | Web活メモ帳</title>
	<atom:link href="https://blog.verygoodtown.com/tag/datagrid/feed/" rel="self" type="application/rss+xml" />
	<link>https://blog.verygoodtown.com</link>
	<description>WEB開発者が使える世界の情報を発信します</description>
	<lastBuildDate>Mon, 07 Jun 2010 11:37:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.10</generator>
<site xmlns="com-wordpress:feed-additions:1">122803348</site>	<item>
		<title>jQueryで作られたデータグリッド「Compass Datagrid」</title>
		<link>https://blog.verygoodtown.com/2010/06/jquery-compass-datagrid/</link>
					<comments>https://blog.verygoodtown.com/2010/06/jquery-compass-datagrid/#respond</comments>
		
		<dc:creator><![CDATA[linja]]></dc:creator>
		<pubDate>Mon, 07 Jun 2010 00:04:29 +0000</pubDate>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[datagrid]]></category>
		<category><![CDATA[GPL License]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[MIT license]]></category>
		<guid isPermaLink="false">http://blog.verygoodtown.com/?p=4543</guid>

					<description><![CDATA[<p>「Compass Datagrid 」はjQueryで作られたデータグリッドです。 バックエンドで動くサーバーサイドのURLを指定するだけで簡単にグリッドが作れるのでかなり便利な構造です。 表示件数の変更、ページング、ソ [&#8230;]</p>
The post <a href="https://blog.verygoodtown.com/2010/06/jquery-compass-datagrid/">jQueryで作られたデータグリッド「Compass Datagrid」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></description>
										<content:encoded><![CDATA[<p>「<a href="http://www.compasswebpublisher.com/jquery/compass-datagrid" target="_blank">Compass Datagrid</a> 」はjQueryで作られたデータグリッドです。<br />
バックエンドで動くサーバーサイドのURLを指定するだけで簡単にグリッドが作れるのでかなり便利な構造です。</p>
<p>表示件数の変更、ページング、ソート、表示するカラムの変更などがユーザ側で簡単に操作できるようになっています。</p>
<p><a href="http://www.compasswebpublisher.com/jquery/compass-datagrid" target="_blank"><img loading="lazy" src="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100607-01.jpg" alt="20100607-01" title="20100607-01" width="600" height="204" class="alignnone size-full wp-image-4545" srcset="https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100607-01.jpg 600w, https://blog.verygoodtown.com/wordpress/wp-content/uploads/2010/06/20100607-01-300x102.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></a><br />
<span id="more-4543"></span><br />
<a class="comments_l" target="_blank" href="http://www.compasswebpublisher.com/jquery/compass-datagrid">デモ</a></p>
<p>デモではページングなどの一部機能が動作しないようになっているとの事でした。</p>
<p>以下のようなコードで動作するようです。<br />
<strong>■ JavaScript</strong></p>
<pre class="brush:html;">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.compassdatagrid.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".browseTable").compassDatagrid({
			images: 'images/',
			url: 'pageData.php'
		});
	});
</script>

</pre>
<p>表示したい位置にテーブル構造を指定する必要があるようです。</p>
<pre class="brush:html;">
<table class="browseTable"><tbody><tr><td></td></tr></tbody></table>
		
<!-- リサイズ処理も追加できます -->
<div id="ctResizer"></div>
</pre>
<p>サーバー側のURLは以下のようにアクセスされるそうです。<br />
pageData.php/?page=3&#038;sortField=title&#038;sortOrder=asc&#038;show10;</p>
<p>興味のある方はぜひダウンロードしてみてください。</p>The post <a href="https://blog.verygoodtown.com/2010/06/jquery-compass-datagrid/">jQueryで作られたデータグリッド「Compass Datagrid」</a> first appeared on <a href="https://blog.verygoodtown.com">Web活メモ帳</a>.]]></content:encoded>
					
					<wfw:commentRss>https://blog.verygoodtown.com/2010/06/jquery-compass-datagrid/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4543</post-id>	</item>
	</channel>
</rss>
