PSPCommunity.org ورود | ثبت نام | كمك

بيشترين بازديد شده

زیبا ترین فیلتر شیرپوینت!
 از این فیلتر موجود در Codeplex لذت ببرید:  http://instantlistfilter.codeplex.com
بیش از 5000 دانلود از این فیلتر قوی از سایت انجام شده است.
نحوه استفاده:
1-ابتدا به سایت http://instantlistfilter.codeplex.com رفته و کد را دانلود کنید متن کد در پایین تصویر در همین پست قرار داده شده است.
2-در صفحه ای که لیست یا لیست های دلخواهتان وجود دارد بروید و صفحه را در حالت ویرایش قرار دهید و یک وب پارت Content Editor قرار دهید و در قسمت افزودن Source کد جاوا اسکریپت دانلود شده را کپی نمایید(برای زیبایی صفحه نمایش عنوان وب پارت را noneنمایید)و صفحه را به حالت نرمال برگردانید
3-حال می توانید از فیلتر استفاده نمایید
برای مشاهده دمو سایت ناشر به آدرس http://vossers.securespsites.com/instantlistfilterdemo/default.aspx رفته جند تا عملیات فیلتر انجام دهید
این هم وبلاگ جاپ (ناشر) این فیلتر جالب:http://blog.vossers.com 
مطالب جالبی در وبلاگ وجود دارد...
<script src="http://www.google.com/jsapi"></script>
<script>

google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
$(document).ready(function()

 jQuery.extend(jQuery.expr[':'], {
   containsIgnoreCase: "(a.textContent||a.innerText||jQuery(a).text()||'').toLowerCase().indexOf((m[3]||'').toLowerCase())>=0"
 });

 $("table.ms-listviewtable tr.ms-viewheadertr").each(function()
 {
  if($("td.ms-vh-group", this).size() > 0)
  {
   return; 
  }
  
  var tdset = "";
  
  var colIndex = 0;
  
  $(this).children("th,td").each(function()
  {
   if($(this).hasClass("ms-vh-icon"))
   {
    // attachment
    tdset += "<td></td>";
   }
   else
   {
    // filterable
    tdset += "<td><input type='text' class='vossers-filterfield' filtercolindex='" + colIndex + "' /></td>";    
   }
   
   colIndex++;
  });
  
  var tr = "<tr class='vossers-filterrow'>" + tdset + "</tr>";
  
  $(tr).insertAfter(this);
 }); 
 
 
 $("input.vossers-filterfield")
  .css("border", "1px solid #7f9db9")
  .css("width", "100%")
  .css("margin", "2px")
  .css("padding", "2px")
  .keyup(function()
  {   
   var inputClosure = this;
   
   if(window.VossersFilterTimeoutHandle)
   {
    clearTimeout(window.VossersFilterTimeoutHandle);
   }
   
   window.VossersFilterTimeoutHandle = setTimeout(function()
   {
    var filterValues = new Array();
    
    $("input.vossers-filterfield", $(inputClosure).parents("tr:first")).each(function()
    {    
     if($(this).val() != "")    
     {
      filterValues[$(this).attr("filtercolindex")] = $(this).val();
     }
    });  
    
       
    $(inputClosure).parents("tr.vossers-filterrow").nextAll("tr").each(function()
    {
     var mismatch = false;
     
     $(this).children("td").each(function(colIndex)
     {
      if(mismatch) return;
      
      if(filterValues[colIndex])
      {
       var val = filterValues[colIndex];
       
       // replace double quote character with 2 instances of itself
       val = val.replace(/"/g, String.fromCharCode(34) + String.fromCharCode(34));       
                    
       if($(this).is(":not(:containsIgnoreCase('" + val + "'))"))
       {
        mismatch = true;
       }      
      }
     });
     
     if(mismatch)
     {
      $(this).hide();
     }
     else
     {
      $(this).show();
     }  
    });    
    
   }, 250);
  });
});
});
</script>
Posted: Tuesday, August 3, 2010 3:36 PM توسط Majid Ravaghi
در زمینه:

نظرات

Arash گفته:

مرسی مجید جان

واقعا فیلتر جالبیه!

ممنون

# August 3, 2010 6:41 PM

رضا گفته:

بسيار عالي بود. متشكرم

# August 5, 2010 4:28 PM

منصور گفته:

ممنون

خیلی عالی بود

# August 7, 2010 3:03 PM

منصور گفته:

ممنون

خیلی عالی بود

# August 7, 2010 3:03 PM

ali_wizard14 گفته:

با تشکر از شما

من یک content editor webpart اضافه کردم و در قسمت source کد بالا را گذاشتم و یک وب پارت دیگر درهمان صفحه ساختم و لیست مربوطه را اضافه کردم ولی تغییرات ااعمال نشد احتمالا بنده content editor را درست تنظیم نمی کنم ضمنا از کجا باید فهمید jquery روی شیرپوینت چه ورژنی است

با تشکر

# August 31, 2010 9:40 AM

reza_accp گفته:

برای استفاده از این فیلتر حتماً باید به اینترنت وصل باشی.

اگه بخایم بدون اتصال به اینترنت از این فیلتر استفاده کنیم چکار باید کرد؟

میشه .js ها رو save کرد و src اونا رو set کنیم؟

# September 18, 2010 12:05 PM

sh_ziyaee گفته:

سلام مطلب بسیار خوبی بود .

توی کد از google.load("jquery", "1.2.6");

google.setOnLoadCallback(function() { استفاده شده . اگر ما فایل js را روی سرور داشته باشیم و اینترنت  نداشته باشیم به جای این دو خط چی باید بنویسیم؟

متشکرم

# December 9, 2010 11:29 AM

کیان گفته:

مشکلش اینه که فقط تو یه صفحه داره جواب می ده نه در کل لیست. وابیته به view می باشد!

# December 25, 2010 2:39 PM

سميه گفته:

سلام

ايكاش روي ليست هاي با group by هم ميتوانست چنين فيلتري اضافه كند

# May 9, 2011 2:03 PM

جواد گفته:

سلام

من این کد رو همونطوری که نوشته اید نوشتم و در صفحه وارد کردم اما نشد دوستانی که کار کردند با این کد مشکل خاصی در درج این کد نداشتند.

من کد رو وقتی اضاففه کردم در اول کار نکرد خط اول رو تغییر دادم و مسیر فایل jquary خودم رو بهش دادم که با این کار فقط تکس باکس ها در بالای هر ستون ظاهر شد اما فیلتر آن کار نکرد.

اگر امکان داره راهنمایی کنید.

با تشکر

# November 24, 2011 1:08 PM
نظرات افراد ناشناس غير فعال مي باشد